# test.web/presentation/renderers/document.renderer.test.ts

> 54 lines of code and 0 definitions.

Tree: Codebase Testing
Language: typescript
Canonical: https://banes-lab.com/anatomy/testing#file-testing-test-web-presentation-renderers-document-renderer-test-ts
Source text: https://banes-lab.com/source/testing/test.web/presentation/renderers/document.renderer.test.ts.txt

Listed in [test.web/presentation/renderers](https://banes-lab.com/api/source/testing/test.web/presentation/renderers.md), after [test.web/presentation/renderers/diagram.renderer.test.ts](https://banes-lab.com/source/testing/test.web/presentation/renderers/diagram.renderer.test.ts.md) and before [test.web/presentation/renderers/element.renderer.test.ts](https://banes-lab.com/source/testing/test.web/presentation/renderers/element.renderer.test.ts.md).

## Contained in

- [test.web/presentation/renderers](https://banes-lab.com/anatomy/testing/folder-testing-test-web-presentation-renderers.md)

## Source

```typescript
import { LICENSE_META, LICENSE_SECTIONS } from "@banes-lab/web/configuration/strings/license.strings.ts";
import { TERMS_META, TERMS_SECTIONS } from "@banes-lab/web/configuration/strings/terms.strings.ts";
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import { renderDocument, renderDocumentSections } from "@banes-lab/web/presentation/renderers/document.renderer.ts";

const SECTION_CLASS = "chapter-section";
const CONTENTS_LINK_CLASS = "contents-link";
const EMBLEM_CLASS = "tab-page-emblem";
const MARK_CLASS = "contents-mark";

class FakeIntersectionObserver {
    public observe(): void {}

    public disconnect(): void {}
}

beforeEach(() => {
    vi.stubGlobal("IntersectionObserver", FakeIntersectionObserver);
});

afterEach(() => {
    vi.unstubAllGlobals();
});

describe("renderDocument", () => {
    it("renders one section and one contents link per declared section", () => {
        const article = renderDocument(TERMS_META, TERMS_SECTIONS);
        expect(article.querySelectorAll(`.${SECTION_CLASS}`)).toHaveLength(TERMS_SECTIONS.length);
        expect(article.querySelectorAll(`.${CONTENTS_LINK_CLASS}`)).toHaveLength(TERMS_SECTIONS.length);
    });

    it("gives every section the id its contents link points at", () => {
        const article = renderDocument(TERMS_META, TERMS_SECTIONS);
        for (const link of article.querySelectorAll<HTMLAnchorElement>(`.${CONTENTS_LINK_CLASS}`)) {
            expect(article.querySelector(link.hash)).not.toBeNull();
        }
    });

    it("marks each contents link with the letter its section heading carries", () => {
        const article = renderDocument(TERMS_META, TERMS_SECTIONS);
        const marks = [...article.querySelectorAll(`.${MARK_CLASS}`)].map((mark) => mark.textContent);
        const headings = [...article.querySelectorAll(".chapter-section-title .chapter-label")].map(
            (label) => label.textContent,
        );
        expect(marks).toStrictEqual(headings);
    });

    it("shows the emblem only when the meta declares one", () => {
        expect(renderDocument(TERMS_META, TERMS_SECTIONS).querySelector(`.${EMBLEM_CLASS}`)).toBeNull();
        expect(renderDocument(LICENSE_META, LICENSE_SECTIONS).querySelector(`.${EMBLEM_CLASS}`)).not.toBeNull();
    });

    it("renders bare sections with the same section markup and no contents or header", () => {
        const article = renderDocumentSections(TERMS_SECTIONS);
        expect(article.querySelectorAll(`.${SECTION_CLASS}`)).toHaveLength(TERMS_SECTIONS.length);
        expect(article.querySelector(`.${CONTENTS_LINK_CLASS}`)).toBeNull();
        expect(article.textContent).not.toContain(TERMS_META.version);
    });

    it("puts the title and version in the rendered text", () => {
        const text = renderDocument(TERMS_META, TERMS_SECTIONS).textContent;
        expect(text).toContain(TERMS_META.title);
        expect(text).toContain(TERMS_META.version);
    });
});
```