Marco Pasqualetti
238ca1c97f
Use `vitest` for backend tests: - `bench` script now uses [vitest's `bench`](https://vitest.dev/api/#bench) - e2e test fails with same error happening now with jest:`data-testid` attribute not present. vitest left, jest right <img width="1264" height="603" alt="image" src="https://github.com/user-attachments/assets/56fc43a6-e143-4208-bf14-7e016aae7fa9" />
49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
import { describe, expect, it } from "vitest";
|
|
|
|
import { flexLayout } from "../src/common/render.js";
|
|
|
|
describe("flexLayout", () => {
|
|
it("should work with row & col layouts", () => {
|
|
const layout = flexLayout({
|
|
items: ["<text>1</text>", "<text>2</text>"],
|
|
gap: 60,
|
|
});
|
|
|
|
expect(layout).toStrictEqual([
|
|
`<g transform="translate(0, 0)"><text>1</text></g>`,
|
|
`<g transform="translate(60, 0)"><text>2</text></g>`,
|
|
]);
|
|
|
|
const columns = flexLayout({
|
|
items: ["<text>1</text>", "<text>2</text>"],
|
|
gap: 60,
|
|
direction: "column",
|
|
});
|
|
|
|
expect(columns).toStrictEqual([
|
|
`<g transform="translate(0, 0)"><text>1</text></g>`,
|
|
`<g transform="translate(0, 60)"><text>2</text></g>`,
|
|
]);
|
|
});
|
|
|
|
it("should work with sizes", () => {
|
|
const layout = flexLayout({
|
|
items: [
|
|
"<text>1</text>",
|
|
"<text>2</text>",
|
|
"<text>3</text>",
|
|
"<text>4</text>",
|
|
],
|
|
gap: 20,
|
|
sizes: [200, 100, 55, 25],
|
|
});
|
|
|
|
expect(layout).toStrictEqual([
|
|
`<g transform="translate(0, 0)"><text>1</text></g>`,
|
|
`<g transform="translate(220, 0)"><text>2</text></g>`,
|
|
`<g transform="translate(340, 0)"><text>3</text></g>`,
|
|
`<g transform="translate(415, 0)"><text>4</text></g>`,
|
|
]);
|
|
});
|
|
});
|