Release Network Tools 0.2.0

tests/browser/app.spec.ts

@@ -39,7 +39,7 @@ test("calculates a subnet and sanitises a credential-bearing URL", async ({
   await expect(
     page.getByText("Last address", { exact: true }).locator("..").locator("dd"),
   ).toHaveText("192.168.10.255");
-  await page.getByRole("tab", { name: "URL" }).click();
+  await page.getByRole("button", { name: "URL" }).click();
   await page
     .getByLabel("URL or reference")
     .fill("https://alice:secret@example.test/a?q=one&q=two");
@@ -51,6 +51,35 @@ test("calculates a subnet and sanitises a credential-bearing URL", async ({
   expect(external).toEqual([]);
 });
 
+test("plans VLSM and inspects a zone and deployed CSP without lookups", async ({
+  page,
+}) => {
+  const external = await localOnly(page);
+  await page.goto("/deep/nested/network/");
+
+  await page.getByRole("button", { name: "VLSM planner" }).click();
+  await expect(page.getByText("10.20.0.0/23", { exact: true })).toBeVisible();
+  await expect(page.getByText("10.20.2.0/25", { exact: true })).toBeVisible();
+
+  await page.getByRole("button", { name: "Zone file" }).click();
+  await expect(
+    page.getByText("Validated records").locator("..").locator("dd"),
+  ).toHaveText("6");
+  await expect(
+    page.locator("pre").filter({ hasText: "192.0.2.80" }),
+  ).toBeVisible();
+
+  await page.getByRole("button", { name: "HTTP & CSP" }).click();
+  await page
+    .getByLabel("Response headers")
+    .fill(
+      "Content-Security-Policy: default-src 'self'; script-src 'unsafe-eval'\nSet-Cookie: session=x; SameSite=None",
+    );
+  await expect(page.getByText(/permits 'unsafe-eval'/u)).toBeVisible();
+  await expect(page.getByText(/SameSite=None without Secure/u)).toBeVisible();
+  expect(external).toEqual([]);
+});
+
 test("serves the release identity and hardened headers", async ({
   request,
 }) => {
@@ -63,7 +92,7 @@ test("serves the release identity and hardened headers", async ({
   const manifest = await request.get("/deep/nested/network/toolbox-app.json");
   await expect(manifest.json()).resolves.toMatchObject({
     id: "de.add-ideas.network-tools",
-    version: "0.1.0",
+    version: "0.2.0",
     entry: "./",
   });
 });

tests/browser/responsive.spec.ts

@@ -0,0 +1,18 @@
+import { expect, test } from "@playwright/test";
+
+test("keeps the primary workspace inside a narrow viewport", async ({
+  page,
+}) => {
+  await page.goto("/deep/nested/network/");
+  await expect(page.locator("main").first()).toBeVisible();
+  await expect(
+    page.locator("main .loading, main .workbench-loading"),
+  ).toHaveCount(0);
+
+  const widths = await page.evaluate(() => ({
+    content: document.documentElement.scrollWidth,
+    viewport: document.documentElement.clientWidth,
+  }));
+  expect(widths.viewport).toBeLessThanOrEqual(430);
+  expect(widths.content).toBeLessThanOrEqual(widths.viewport + 1);
+});