36 lines
1.6 KiB
TypeScript
36 lines
1.6 KiB
TypeScript
import { describe, it, expect, afterEach } from "vitest";
|
|
import { render, screen, cleanup } from "@testing-library/react";
|
|
import { PublicPageRenderer } from "@/features/editor/components/PublicPageRenderer";
|
|
import { createFooterTemplateBlocks } from "@/app/editor/templates/footerTemplate";
|
|
import type { Block } from "@/features/editor/state/editorStore";
|
|
import { getEditorTemplatesMessages } from "@/features/i18n/messages/editorTemplates";
|
|
import { DEFAULT_LOCALE } from "@/features/i18n/locale";
|
|
|
|
// PublicPageRenderer 푸터 템플릿 TDD
|
|
// - footerTemplate 로 생성한 섹션이 프리뷰에서 섹션/텍스트 구조로 올바르게 렌더되는지 검증한다.
|
|
|
|
describe("PublicPageRenderer - 푸터 템플릿", () => {
|
|
afterEach(() => {
|
|
cleanup();
|
|
});
|
|
|
|
it("푸터 템플릿 섹션은 프리뷰에서 섹션과 푸터 텍스트들을 렌더해야 한다", () => {
|
|
const sectionId = "footer_preview_section";
|
|
let i = 0;
|
|
const createId = () => `footer_${++i}`;
|
|
const tpl = getEditorTemplatesMessages(DEFAULT_LOCALE);
|
|
const { blocks } = createFooterTemplateBlocks({ sectionId, createId, messages: tpl.footer });
|
|
|
|
render(<PublicPageRenderer blocks={blocks as Block[]} />);
|
|
|
|
const section = screen.getByTestId("preview-section");
|
|
expect(section.getAttribute("data-section-id")).toBe(sectionId);
|
|
|
|
expect(screen.getByText("MyLanding")).toBeTruthy();
|
|
expect(screen.getByText("The best choice for building better websites.")).toBeTruthy();
|
|
expect(screen.getByText(/Product/)).toBeTruthy();
|
|
expect(screen.getByText(/Contact/)).toBeTruthy();
|
|
expect(screen.getByText(/ 2025 MyLanding\./)).toBeTruthy();
|
|
});
|
|
});
|