# test.build/core/converters/diagram.converter.test.ts

> 30 lines of code and 0 definitions.

Tree: Codebase Testing
Language: typescript
Canonical: https://banes-lab.com/anatomy/testing#file-testing-test-build-core-converters-diagram-converter-test-ts
Source text: https://banes-lab.com/source/testing/test.build/core/converters/diagram.converter.test.ts.txt

Listed in [test.build/core/converters](https://banes-lab.com/api/source/testing/test.build/core/converters.md), after [test.build/core/converters/config.converter.test.ts](https://banes-lab.com/source/testing/test.build/core/converters/config.converter.test.ts.md) and before [test.build/core/converters/document.converter.test.ts](https://banes-lab.com/source/testing/test.build/core/converters/document.converter.test.ts.md).

## Contained in

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

## Source

```typescript
import { describe, expect, it } from "vitest";
import { themeVariables, tokenValues, withWalk } from "@banes-lab/build-scripts/core/converters/diagram.converter.ts";
import { THEME_TOKENS } from "@banes-lab/build-scripts/configuration/constants/diagram.constants.ts";

describe("tokenValues", () => {
    it("reads every custom property declaration and ignores everything else", () => {
        const css =
            ':root {\n    --white: #fff;\n    --font-family-base: "JetBrains Mono", monospace;\n    color: red;\n}\n';
        const tokens = tokenValues(css);
        expect(tokens.get("--white")).toBe("#fff");
        expect(tokens.get("--font-family-base")).toBe('"JetBrains Mono", monospace');
        expect(tokens.has("color")).toBe(false);
    });
});

describe("themeVariables", () => {
    it("maps each theme variable to its base token's value and refuses a token the base does not declare", () => {
        const tokens = new Map(THEME_TOKENS.map(([, token]) => [token, `value${token}`]));
        const [first] = THEME_TOKENS;
        const variables = themeVariables(tokens);
        expect(variables["background"]).toBe("transparent");
        expect(variables[first?.[0] ?? ""]).toBe(`value${first?.[1] ?? ""}`);
        expect(() => themeVariables(new Map())).toThrow("is not declared in the base tokens");
    });
});

describe("withWalk", () => {
    it("stamps the walk order onto the vector root and leaves a vector without one alone", () => {
        const walk = { attribute: "data-walk", orderOf: () => "a b" };
        expect(withWalk("<svg><g/></svg>", walk)).toBe('<svg data-walk="a b"><g/></svg>');
        expect(withWalk("<svg><g/></svg>", { ...walk, orderOf: () => "" })).toBe("<svg><g/></svg>");
    });
});
```