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`), 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", "Site para empresa"],
    ["/?tipo=sistema#contact", "Sistemas web sob medida"],
    [
      "/?utm_source=x&tipo=revisao#contact",
      "Revisão ou diagnóstico de sistema",
    ],
    // com o parâmetro repetido vale o primeiro
    ["/?tipo=site&tipo=revisao#contact", "Site para empresa"],
  ])("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("Sistemas web sob medida");
  });

  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 ou diagnóstico de sistema");
  });
});