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");
  });
});