85 lines
2.8 KiB
TypeScript
85 lines
2.8 KiB
TypeScript
import { act, render, screen } from "@testing-library/react";
|
|
import Contact from "./Contact";
|
|
import { CONTACT_KIND_EVENT, DEFAULT_CONTACT_SUBJECT } from "./contact-subject";
|
|
|
|
/**
|
|
* Testes de caminhos-base da leitura do tipo da oferta em Contact (`/?tipo=…#contact-form`), complemento de
|
|
* Contact.offer.test.tsx: tipo válido, inválido e ausente no endereço, e a ordem entre o endereço e o evento.
|
|
*/
|
|
|
|
const subjectSelect = () =>
|
|
screen.getByRole("combobox", {
|
|
name: /tipo de projeto/i,
|
|
}) as HTMLSelectElement;
|
|
|
|
const choose = (kind: unknown) =>
|
|
act(() => {
|
|
window.dispatchEvent(new CustomEvent(CONTACT_KIND_EVENT, { detail: kind }));
|
|
});
|
|
|
|
afterEach(() => {
|
|
window.history.replaceState(null, "", "/");
|
|
});
|
|
|
|
describe("Contact: tipo no endereço", () => {
|
|
it.each([
|
|
["/", "sem busca nenhuma (tipo ausente)"],
|
|
["/?utm_source=instagram#contact", "só outros parâmetros (tipo ausente)"],
|
|
["/?tipo=#contact", "tipo vazio"],
|
|
["/?tipo=SITE#contact", "tipo com outra caixa (só vale em minúsculas)"],
|
|
["/?tipo=constructor#contact", "nome herdado de todo objeto"],
|
|
["/?tipo=outra-coisa#contact", "tipo desconhecido"],
|
|
])("path: %s (%s) -> keeps the default option", (address) => {
|
|
window.history.replaceState(null, "", address);
|
|
|
|
render(<Contact />);
|
|
|
|
expect(subjectSelect()).toHaveValue(DEFAULT_CONTACT_SUBJECT);
|
|
});
|
|
|
|
it.each([
|
|
["/?tipo=site#contact-form", "Site que traz pedidos pelo WhatsApp"],
|
|
[
|
|
"/?tipo=sistema#contact-form",
|
|
"Sistema para tirar a operação da planilha",
|
|
],
|
|
[
|
|
"/?utm_source=x&tipo=revisao#contact-form",
|
|
"Revisão de sistema que já existe",
|
|
],
|
|
// o endereço antigo, com #contact, continua valendo: o tipo vem da busca, não do fragmento
|
|
["/?tipo=site#contact", "Site que traz pedidos pelo WhatsApp"],
|
|
// com o parâmetro repetido vale o primeiro
|
|
[
|
|
"/?tipo=site&tipo=revisao#contact-form",
|
|
"Site que traz pedidos pelo WhatsApp",
|
|
],
|
|
])("path: %s (valid type) -> selects %s", (address, option) => {
|
|
window.history.replaceState(null, "", address);
|
|
|
|
render(<Contact />);
|
|
|
|
expect(subjectSelect()).toHaveValue(option);
|
|
});
|
|
|
|
it("path: valid type in the address, then an unknown one from the event -> the address choice stays", () => {
|
|
window.history.replaceState(null, "", "/?tipo=sistema#contact");
|
|
render(<Contact />);
|
|
|
|
choose("desconhecido");
|
|
|
|
expect(subjectSelect()).toHaveValue(
|
|
"Sistema para tirar a operação da planilha",
|
|
);
|
|
});
|
|
|
|
it("path: valid type in the address, then a valid one from the event -> the later choice wins", () => {
|
|
window.history.replaceState(null, "", "/?tipo=sistema#contact");
|
|
render(<Contact />);
|
|
|
|
choose("revisao");
|
|
|
|
expect(subjectSelect()).toHaveValue("Revisão de sistema que já existe");
|
|
});
|
|
});
|