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

> 20 lines of code and 0 definitions.

Tree: Codebase Testing
Language: typescript
Canonical: https://banes-lab.com/anatomy/testing#file-testing-test-web-presentation-renderers-figure-renderer-test-ts
Source text: https://banes-lab.com/source/testing/test.web/presentation/renderers/figure.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/element.renderer.test.ts](https://banes-lab.com/source/testing/test.web/presentation/renderers/element.renderer.test.ts.md) and before [test.web/presentation/renderers/glossary.renderer.test.ts](https://banes-lab.com/source/testing/test.web/presentation/renderers/glossary.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 { describe, expect, it } from "vitest";
import type { FigureBlock } from "@banes-lab/web/types/block.types.ts";
import { TEXT_LANGUAGE } from "@banes-lab/web/configuration/constants/code.constants.ts";
import { renderFigure } from "@banes-lab/web/presentation/renderers/figure.renderer.ts";

const CAPTION = "A sample the caption names";
const CODE = "one line";
const TITLE = "A sample";

const BLOCK: FigureBlock = {
    caption: CAPTION,
    figure: { code: CODE, kind: "code", language: TEXT_LANGUAGE, title: TITLE },
    kind: "figure",
};

describe("renderFigure", () => {
    it("wraps the inner block in a figure carrying its caption", () => {
        const figure = renderFigure(BLOCK);
        expect(figure.tagName).toBe("FIGURE");
        expect(figure.querySelector(".figure-caption")?.textContent).toBe(CAPTION);
        expect(figure.querySelector("pre")?.textContent.includes(CODE)).toBe(true);
    });
});
```