Evandro Fonseca Junior
6e1022b58c
Cases da SEV Moda Íntima e da Lavação 047; case no formato cliente, problema, entrega, mídia e contato, com detalhes técnicos recolhidos; sem GitHub, ressalvas e fontes de commit. /cases separa clientes e Laboratório. Serviços mostram o case de cliente certo e o bloco de investimento e prazo só aparece preenchido. Metadata social própria por página, not-found com noindex, sitemap com /ia.
95 lines
3.0 KiB
TypeScript
95 lines
3.0 KiB
TypeScript
import { notFound } from "next/navigation";
|
|
import { ImageResponse } from "next/og";
|
|
import { isValidElement } from "react";
|
|
import { OG_SIZE, OgCard } from "@/lib/og-card";
|
|
import { caseStudies } from "@/lib/site-content";
|
|
import Image from "./opengraph-image";
|
|
|
|
/**
|
|
* Testes de caminhos-base de Image (imagem de compartilhamento do case):
|
|
* slug desconhecido, id da imagem diferente do case, case de cliente e projeto de laboratório.
|
|
*/
|
|
|
|
jest.mock("next/navigation", () => ({
|
|
notFound: jest.fn(() => {
|
|
throw new Error("NEXT_NOT_FOUND");
|
|
}),
|
|
}));
|
|
|
|
jest.mock("next/og", () => ({ ImageResponse: jest.fn() }));
|
|
|
|
const mockedImageResponse = jest.mocked(ImageResponse);
|
|
|
|
beforeEach(() => {
|
|
jest.mocked(notFound).mockClear();
|
|
mockedImageResponse.mockClear();
|
|
});
|
|
|
|
function getCase(id: string) {
|
|
const caseStudy = caseStudies.find((item) => item.id === id);
|
|
if (!caseStudy) throw new Error(`Missing case ${id}`);
|
|
return caseStudy;
|
|
}
|
|
|
|
function renderImage(slug: string, imageId: string) {
|
|
return Image({
|
|
params: Promise.resolve({ slug }),
|
|
id: Promise.resolve(imageId),
|
|
});
|
|
}
|
|
|
|
function sentCard() {
|
|
const [element, options] = mockedImageResponse.mock.calls[0];
|
|
if (!isValidElement<React.ComponentProps<typeof OgCard>>(element)) {
|
|
throw new Error("ImageResponse did not receive an element");
|
|
}
|
|
return { card: element, options };
|
|
}
|
|
|
|
describe("opengraph-image Image", () => {
|
|
it("path: client case with the matching image id -> card labelled as a client case", async () => {
|
|
const caseStudy = getCase("sev-modaintima");
|
|
await renderImage(caseStudy.id, caseStudy.id);
|
|
|
|
expect(notFound).not.toHaveBeenCalled();
|
|
expect(mockedImageResponse).toHaveBeenCalledTimes(1);
|
|
const { card, options } = sentCard();
|
|
expect(card.type).toBe(OgCard);
|
|
expect(card.props).toMatchObject({
|
|
eyebrow: "Case de cliente",
|
|
title: caseStudy.title,
|
|
description: caseStudy.summary,
|
|
});
|
|
expect(card.props.backgroundImage).toMatch(/^data:image\/jpeg;base64,/);
|
|
expect(options).toEqual(OG_SIZE);
|
|
});
|
|
|
|
it("path: unknown slug -> notFound() and no image", async () => {
|
|
await expect(renderImage("nao-existe", "nao-existe")).rejects.toThrow(
|
|
"NEXT_NOT_FOUND",
|
|
);
|
|
expect(notFound).toHaveBeenCalledTimes(1);
|
|
expect(mockedImageResponse).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("path: known slug but another case's image id -> notFound() and no image", async () => {
|
|
await expect(renderImage("sev-modaintima", "lavacao-047")).rejects.toThrow(
|
|
"NEXT_NOT_FOUND",
|
|
);
|
|
expect(notFound).toHaveBeenCalledTimes(1);
|
|
expect(mockedImageResponse).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("path: laboratory case -> card labelled as a laboratory project, no cover when none is recorded", async () => {
|
|
const caseStudy = getCase("twins-lab");
|
|
await renderImage(caseStudy.id, caseStudy.id);
|
|
|
|
const { card } = sentCard();
|
|
expect(card.props).toMatchObject({
|
|
eyebrow: "Projeto de laboratório",
|
|
title: caseStudy.title,
|
|
});
|
|
expect(card.props.backgroundImage).toBeUndefined();
|
|
});
|
|
});
|