80 lines
2.8 KiB
TypeScript
80 lines
2.8 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
import { readFile } from "node:fs/promises";
|
|
const ORIGIN = "http://127.0.0.1:4222";
|
|
test("renders nested, local, accessible diagram", async ({ page }) => {
|
|
const external: string[] = [];
|
|
await page.route("**/*", async (r) => {
|
|
if (new URL(r.request().url()).origin !== ORIGIN) {
|
|
external.push(r.request().url());
|
|
await r.abort();
|
|
} else await r.continue();
|
|
});
|
|
await page.setViewportSize({ width: 1800, height: 900 });
|
|
await page.goto("/deep/nested/diagram/");
|
|
await expect(
|
|
page.getByRole("heading", { name: "Diagram Tools" }),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole("region", { name: "Diagram textual outline" }),
|
|
).toContainText("Local input");
|
|
await page
|
|
.getByLabel("Diagram source")
|
|
.fill("sequenceDiagram\nparticipant A as Ada\nA->>B: hello");
|
|
await page.getByRole("button", { name: "Render diagram" }).click();
|
|
await expect(page.locator('p[role="status"]')).toContainText(
|
|
"2 nodes and 1 edges",
|
|
);
|
|
expect(external).toEqual([]);
|
|
expect(
|
|
await page
|
|
.locator(".toolbox-shell__main")
|
|
.evaluate((n) => getComputedStyle(n).width),
|
|
).toBe("1440px");
|
|
});
|
|
test("exports safe SVG and retains last diagram", async ({ page }) => {
|
|
await page.goto("/deep/nested/diagram/");
|
|
await page.getByLabel("Diagram source").fill("not a diagram");
|
|
await page.getByRole("button", { name: "Render diagram" }).click();
|
|
await expect(page.locator('p[role="status"]')).toContainText(
|
|
"Last valid diagram",
|
|
);
|
|
const pending = page.waitForEvent("download");
|
|
await page.getByRole("button", { name: "SVG", exact: true }).click();
|
|
const data = await readFile((await (await pending).path())!, "utf8");
|
|
expect(data).toContain("<svg");
|
|
expect(data).not.toContain("<script>");
|
|
});
|
|
test("PWA theme, offline reload, and headers", async ({
|
|
page,
|
|
context,
|
|
request,
|
|
}) => {
|
|
await page.goto("/deep/nested/diagram/");
|
|
await page.getByRole("button", { name: "Personalize" }).click();
|
|
await page.getByRole("button", { name: "Dark" }).click();
|
|
await expect(page.locator(".toolbox-shell").first()).toHaveAttribute(
|
|
"data-toolbox-theme",
|
|
"dark",
|
|
);
|
|
expect(
|
|
await page.evaluate(async () =>
|
|
Boolean(await navigator.serviceWorker.ready),
|
|
),
|
|
).toBe(true);
|
|
await context.setOffline(true);
|
|
await page.reload();
|
|
await expect(
|
|
page.getByRole("heading", { name: "Diagram Tools" }),
|
|
).toBeVisible();
|
|
await context.setOffline(false);
|
|
const response = await request.get("/deep/nested/diagram/");
|
|
expect(response.headers()["content-security-policy"]).toContain(
|
|
"connect-src 'self'",
|
|
);
|
|
const manifest = await request.get("/deep/nested/diagram/toolbox-app.json");
|
|
await expect(manifest.json()).resolves.toMatchObject({
|
|
id: "de.add-ideas.diagram-tools",
|
|
version: "0.1.0",
|
|
});
|
|
});
|