106 lines
3.8 KiB
TypeScript
106 lines
3.8 KiB
TypeScript
import { render, screen } from "@testing-library/react";
|
|
import userEvent from "@testing-library/user-event";
|
|
import Contact from "./Contact";
|
|
|
|
beforeEach(() => {
|
|
jest.replaceProperty(process.env, "NODE_ENV", "production");
|
|
localStorage.setItem("evandro.analytics-consent.v1", "granted");
|
|
delete window["ga-disable-G-QTT9QT0T3S"];
|
|
window.gtag = jest.fn();
|
|
jest.spyOn(window, "open").mockImplementation(() => null);
|
|
});
|
|
|
|
afterEach(() => {
|
|
jest.restoreAllMocks();
|
|
localStorage.clear();
|
|
delete window.gtag;
|
|
});
|
|
|
|
it("prepares an isolated WhatsApp draft with the entered project details only after submission", async () => {
|
|
const user = userEvent.setup();
|
|
render(<Contact />);
|
|
|
|
const name = "Ana & João";
|
|
const email = "[email protected]";
|
|
const context =
|
|
"Integrar pedidos & estoque? Objetivo: evitar retrabalho.\nPrazo: outubro #2026";
|
|
await user.type(screen.getByRole("textbox", { name: /nome/i }), name);
|
|
await user.type(screen.getByRole("textbox", { name: /e-mail/i }), email);
|
|
const subject = screen.getByRole("combobox", { name: /tipo de projeto/i });
|
|
await user.selectOptions(subject, "Integrações e automações");
|
|
await user.type(screen.getByRole("textbox", { name: /contexto/i }), context);
|
|
|
|
expect(window.open).not.toHaveBeenCalled();
|
|
expect(window.gtag).not.toHaveBeenCalled();
|
|
await user.click(screen.getByRole("button", { name: /whatsapp/i }));
|
|
|
|
expect(window.open).toHaveBeenCalledTimes(1);
|
|
const [destination, target, features] = jest.mocked(window.open).mock
|
|
.calls[0];
|
|
const url = new URL(String(destination));
|
|
expect(url.origin).toBe("https://wa.me");
|
|
expect(url.pathname).toMatch(/^\/\d+$/);
|
|
expect([...url.searchParams.keys()]).toEqual(["text"]);
|
|
const message = url.searchParams.get("text");
|
|
expect(message).toContain(name);
|
|
expect(message).toContain(email);
|
|
expect(message).toContain("Integrações e automações");
|
|
expect(message).toContain(context);
|
|
expect(target).toBe("_blank");
|
|
expect(features).toBe("noopener,noreferrer");
|
|
expect(window.gtag).toHaveBeenCalledTimes(1);
|
|
expect(window.gtag).toHaveBeenCalledWith("event", "whatsapp_open", {
|
|
send_to: "G-QTT9QT0T3S",
|
|
service: "Contato",
|
|
placement: "contact_form",
|
|
page_path: "/",
|
|
page_location: "https://evandro.dev.br/",
|
|
page_referrer: "",
|
|
});
|
|
});
|
|
|
|
it("does not open WhatsApp while required fields are empty or the email is invalid", async () => {
|
|
const user = userEvent.setup();
|
|
render(<Contact />);
|
|
|
|
const submit = screen.getByRole("button", { name: /whatsapp/i });
|
|
await user.click(submit);
|
|
expect(window.open).not.toHaveBeenCalled();
|
|
|
|
await user.type(screen.getByRole("textbox", { name: /nome/i }), "Ana");
|
|
await user.type(
|
|
screen.getByRole("textbox", { name: /e-mail/i }),
|
|
"email-invalido",
|
|
);
|
|
await user.type(
|
|
screen.getByRole("textbox", { name: /contexto/i }),
|
|
"Organizar pedidos",
|
|
);
|
|
await user.click(submit);
|
|
expect(window.open).not.toHaveBeenCalled();
|
|
expect(window.gtag).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("opens the project draft with analytics unavailable and consent denied", async () => {
|
|
localStorage.setItem("evandro.analytics-consent.v1", "denied");
|
|
delete window.gtag;
|
|
const user = userEvent.setup();
|
|
render(<Contact />);
|
|
await user.type(screen.getByRole("textbox", { name: /nome/i }), "Ana");
|
|
await user.type(
|
|
screen.getByRole("textbox", { name: /e-mail/i }),
|
|
"[email protected]",
|
|
);
|
|
await user.type(
|
|
screen.getByRole("textbox", { name: /contexto/i }),
|
|
"Organizar pedidos",
|
|
);
|
|
await user.click(screen.getByRole("button", { name: /whatsapp/i }));
|
|
expect(window.open).toHaveBeenCalledTimes(1);
|
|
const destination = new URL(
|
|
String(jest.mocked(window.open).mock.calls[0][0]),
|
|
);
|
|
expect(destination.origin).toBe("https://wa.me");
|
|
expect(destination.searchParams.get("text")).toContain("Organizar pedidos");
|
|
});
|