# test.scripts/core/persistence/viewport.persistence.test.ts

> 16 lines of code and 0 definitions.

Tree: Codebase Testing
Language: typescript
Canonical: https://banes-lab.com/anatomy/testing#file-testing-test-scripts-core-persistence-viewport-persistence-test-ts
Source text: https://banes-lab.com/source/testing/test.scripts/core/persistence/viewport.persistence.test.ts.txt

Listed in [test.scripts/core/persistence](https://banes-lab.com/api/source/testing/test.scripts/core/persistence.md), after [test.scripts/core/persistence/report.persistence.test.ts](https://banes-lab.com/source/testing/test.scripts/core/persistence/report.persistence.test.ts.md).

## Contained in

- [test.scripts/core/persistence](https://banes-lab.com/anatomy/testing/folder-testing-test-scripts-core-persistence.md)

## Source

```typescript
import { describe, expect, it } from "vitest";
import { mkdtempSync, readFileSync } from "node:fs";
import { writeReport, writeShot } from "@project/scripts/core/persistence/viewport.persistence.ts";
import { join } from "node:path";
import { tmpdir } from "node:os";

const audit = { clipped: [], inputs: [], overflow: [], scrollsSideways: false, targets: [], text: [], viewport: 390 };

describe("the viewport's files", () => {
    it("writes a screenshot from its base64 frame and the report as json", () => {
        const folder = mkdtempSync(join(tmpdir(), "viewport-out-"));
        writeShot(folder, "home.png", Buffer.from("png").toString("base64"));
        writeReport(folder, [{ audit, route: "/" }]);
        expect(readFileSync(join(folder, "home.png"), "utf8")).toBe("png");
        const report = readFileSync(join(folder, "viewport.report.json"), "utf8");
        expect(JSON.parse(report)).toStrictEqual([{ audit, route: "/" }]);
    });
});
```