Evandro Fonseca Junior
8d07b8c6bb
Home mais curta (hero, vitrine de clientes, sobre, serviços, IA resumida, depoimentos e contato), faixa de clientes e telas reais no hero, sem números do GitHub. Barra de cookies fina, WhatsApp fixo no celular, formulário com e-mail opcional e alternativa por e-mail, página /ia, eventos de e-mail, redes e currículo e conversão do Ads opcional por variável. Rodapé em 3 colunas. Remove componentes órfãos (LighthouseMetrics, Skills, Experience, contagem do GitHub).
85 lines
2.9 KiB
TypeScript
85 lines
2.9 KiB
TypeScript
import { render, screen } from "@testing-library/react";
|
|
import type { ReactNode } from "react";
|
|
import {
|
|
getFeaturedProjects,
|
|
type PortfolioProjectView,
|
|
} from "@/lib/portfolio-data";
|
|
import { isClientProject } from "@/lib/proof";
|
|
import Projects from "./Projects";
|
|
|
|
jest.mock("./Section", () => ({
|
|
Section: ({ children, title }: { children: ReactNode; title: string }) => (
|
|
<section>
|
|
<h2>{title}</h2>
|
|
{children}
|
|
</section>
|
|
),
|
|
}));
|
|
|
|
const providerProjects = jest.fn();
|
|
|
|
jest.mock("./showcase/ShowcaseProvider", () => ({
|
|
ShowcaseProvider: ({
|
|
children,
|
|
projects,
|
|
}: {
|
|
children: ReactNode;
|
|
projects: PortfolioProjectView[];
|
|
}) => {
|
|
providerProjects(projects);
|
|
return <div data-testid="showcase-provider">{children}</div>;
|
|
},
|
|
}));
|
|
|
|
jest.mock("./showcase/ProjectReel", () => ({
|
|
ProjectReel: () => <div data-testid="project-reel" />,
|
|
}));
|
|
|
|
// A página entrega só os projetos de cliente; aqui usamos os reais do portfólio, com uma demo indisponível de propósito
|
|
const clientProjects: PortfolioProjectView[] = getFeaturedProjects(null)
|
|
.filter(isClientProject)
|
|
.map((project, index) => ({
|
|
...project,
|
|
demoAvailability: index === 0 ? ("unavailable" as const) : "available",
|
|
}));
|
|
|
|
describe("Projects", () => {
|
|
beforeEach(() => providerProjects.mockClear());
|
|
|
|
it("presents the client projects once, through the reel only", () => {
|
|
const { container } = render(<Projects projects={clientProjects} />);
|
|
|
|
expect(clientProjects.length).toBeGreaterThan(0);
|
|
expect(screen.getByTestId("project-reel")).toBeInTheDocument();
|
|
expect(providerProjects).toHaveBeenCalledWith(clientProjects);
|
|
// sem grade de cards: nem artigos, nem capas provisórias
|
|
expect(container.querySelector("article")).toBeNull();
|
|
expect(container.querySelector(".ds-cover, .ds-cover-fallback")).toBeNull();
|
|
expect(screen.queryByRole("heading", { level: 3 })).not.toBeInTheDocument();
|
|
});
|
|
|
|
it("drops the availability badge, the code link and every GitHub link", () => {
|
|
const { container } = render(<Projects projects={clientProjects} />);
|
|
|
|
expect(
|
|
screen.queryByText(/Demo indisponível|indisponível na última/i),
|
|
).toBeNull();
|
|
expect(screen.queryByText(/Ver codigo|Ver código/i)).toBeNull();
|
|
expect(screen.queryByText(/Abrir projeto/i)).toBeNull();
|
|
for (const link of container.querySelectorAll("a")) {
|
|
expect(link.getAttribute("href") ?? "").not.toMatch(/github\.com/);
|
|
}
|
|
});
|
|
|
|
it("ends with a secondary link to all the cases", () => {
|
|
render(<Projects projects={clientProjects} />);
|
|
|
|
const link = screen.getByRole("link", { name: "Ver todos os cases" });
|
|
expect(link).toHaveAttribute("href", "/cases");
|
|
// secundário: contorno, sem o fundo verde-limão do contato
|
|
expect(link.className).toContain("border");
|
|
expect(link.className).not.toContain("bg-[var(--slash)]");
|
|
expect(screen.getAllByRole("link")).toEqual([link]);
|
|
});
|
|
});
|