Correct Playwright toolState scope to exclude palette manager while preserving global palette validation - PR_26124_016-fix-playwright-toolstate-scope

Author: ToolboxAid

docs/dev/reports/PR_26124_016_fix_playwright_toolstate_scope_report.md

@@ -0,0 +1,34 @@
+# PR_26124_016-fix-playwright-toolstate-scope
+
+## Scope
+- Playwright validation/tests and audit/report integration only.
+- No runtime code changes.
+- No schema changes.
+
+## Changes
+- Updated `tests/playwright/tool-validation/workspace-v2.tool-validation.spec.js`:
+  - Removed `palette-manager-v2` from toolState-capable tool selector map.
+  - Added explicit assertion that toolState-capable scope excludes `palette-manager-v2`.
+  - Kept full audited tool list visibility assertion.
+  - Switched workspace import helper to hidden file input `setInputFiles` for deterministic import flow.
+- Updated `tests/playwright/workspace-v2.validation.spec.js`:
+  - Added producer assertions:
+    - `palette-manager-v2` is not present in Producer/Tool options.
+    - default selected tool is not `palette-manager-v2`.
+    - `Load Tool State` works for `asset-manager-v2`.
+    - `Create & Open Tool State` works for `asset-manager-v2`.
+  - Switched import helper to hidden file input `setInputFiles`.
+  - Stabilized tool-switch test by reading manifest from textarea after fixture load.
+- Updated `scripts/update-tool-completion-audit-from-playwright.mjs`:
+  - Distinguishes `palette-manager-v2` as global workspace palette state coverage via `tools.palette-browser.swatches`.
+  - Treats `palette-manager-v2` as excluded from toolState-capable mapping.
+  - Added `Scope` column in `docs/dev/reports/tool_validation_results.md`.
+
+## Validation
+- `node --check tests/playwright/tool-validation/workspace-v2.tool-validation.spec.js` -> pass
+- `node --check tests/playwright/workspace-v2.validation.spec.js` -> pass
+- `node --check scripts/update-tool-completion-audit-from-playwright.mjs` -> pass
+- `npm run test:workspace-v2` -> pass (`19 passed`, `0 failed`)
+
+## Notes
+- Full samples smoke test was skipped because this PR changes only Playwright scope/assertions and report mapping logic, not shared sample/runtime framework behavior.

docs/dev/reports/tool_completion_audit.md

@@ -11,7 +11,7 @@
   - `vector-map-editor-v2`
 
 ## Evidence Used
-- `npm run test:workspace-v2` -> PASS (`17 passed`, `0 failed`).
+- `npm run test:workspace-v2` -> PASS (`19 passed`, `0 failed`).
 - `node tests/runtime/V2CrossToolFlow.test.mjs` -> PASS.
 - `node tests/runtime/V2ToolLaunch.test.mjs` -> FAIL (palette fixture contract drift in test logic).
 - `node tests/runtime/V2ToolActionFlow.test.mjs` -> FAIL (string-token matcher drift in test logic).
@@ -44,8 +44,8 @@
 - Required fix: none
 
 ### palette-manager-v2
-- **Status:** FAIL
-- Exact failure reason: No Playwright tool-level tests found for this tool.
+- **Status:** PASS
+- Exact failure reason: Validated as global workspace palette state via tools.palette-browser.swatches; excluded from toolState-capable tool validation.
 
 - Valid JSON loads + expected UI: PASS by code contract (`payloadJson.paletteDocument`) and fixture shape alignment
 - Invalid JSON rejected + clear error: PASS
@@ -129,6 +129,30 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

docs/dev/reports/tool_validation_results.md

@@ -1,13 +1,14 @@
 # Tool Validation Results
 
 Derived from `tests/results/playwright-results.json` generated by `npm run test:workspace-v2`.
+`palette-manager-v2` is tracked as global workspace palette state (`tools.palette-browser.swatches`) and excluded from toolState-capable validation scope.
 
-| Tool | Status | Failing Reason |
-| --- | --- | --- |
-| `workspace-v2` | PASS | n/a |
-| `asset-manager-v2` | PASS | n/a |
-| `palette-manager-v2` | FAIL | No Playwright tool-level tests found for this tool. |
-| `svg-asset-studio-v2` | PASS | n/a |
-| `tilemap-studio-v2` | PASS | n/a |
-| `vector-map-editor-v2` | PASS | n/a |
+| Tool | Scope | Status | Failing Reason |
+| --- | --- | --- | --- |
+| `workspace-v2` | ToolState-capable Tool | PASS | n/a |
+| `asset-manager-v2` | ToolState-capable Tool | PASS | n/a |
+| `palette-manager-v2` | Global Workspace Palette State | PASS | n/a |
+| `svg-asset-studio-v2` | ToolState-capable Tool | PASS | n/a |
+| `tilemap-studio-v2` | ToolState-capable Tool | PASS | n/a |
+| `vector-map-editor-v2` | ToolState-capable Tool | PASS | n/a |
 

scripts/update-tool-completion-audit-from-playwright.mjs

@@ -79,7 +79,34 @@ function collectAllPlaywrightTests(playwrightJson) {
   return tests;
 }
 
+function isGlobalPaletteStateTool(toolId) {
+  return toolId === "palette-manager-v2";
+}
+
 function getToolStatusFromTests(toolId, tests) {
+  if (isGlobalPaletteStateTool(toolId)) {
+    const paletteContractTests = tests.filter((test) => test.fullTitle.includes("palette contract: palette-browser exists, swatches empty, one palette entry"));
+    if (paletteContractTests.length === 0) {
+      return {
+        status: "FAIL",
+        reason: "Global palette contract test was not found."
+      };
+    }
+    const failedPaletteContractTest = paletteContractTests.find((test) => test.status !== "passed");
+    if (failedPaletteContractTest) {
+      const failureMessage = failedPaletteContractTest.error
+        ? failedPaletteContractTest.error.replace(/\s+/g, " ").trim()
+        : "Global palette contract test failed.";
+      return {
+        status: "FAIL",
+        reason: `${failedPaletteContractTest.fullTitle}${failureMessage ? ` -> ${failureMessage}` : ""}`
+      };
+    }
+    return {
+      status: "PASS",
+      reason: "Validated as global workspace palette state via tools.palette-browser.swatches; excluded from toolState-capable tool validation."
+    };
+  }
   const matchingTests = tests.filter((test) => test.fullTitle.includes(`@${toolId}`) || test.title.includes(`@${toolId}`));
   if (matchingTests.length === 0) {
     return {
@@ -130,13 +157,15 @@ function buildValidationReport(toolIds, toolStatuses) {
   lines.push("# Tool Validation Results");
   lines.push("");
   lines.push("Derived from `tests/results/playwright-results.json` generated by `npm run test:workspace-v2`.");
+  lines.push("`palette-manager-v2` is tracked as global workspace palette state (`tools.palette-browser.swatches`) and excluded from toolState-capable validation scope.");
   lines.push("");
-  lines.push("| Tool | Status | Failing Reason |");
-  lines.push("| --- | --- | --- |");
+  lines.push("| Tool | Scope | Status | Failing Reason |");
+  lines.push("| --- | --- | --- | --- |");
   for (const toolId of toolIds) {
     const entry = toolStatuses[toolId];
     const reasonText = entry.status === "FAIL" ? entry.reason : "n/a";
-    lines.push(`| \`${toolId}\` | ${entry.status} | ${reasonText.replace(/\|/g, "\\|")} |`);
+    const scope = isGlobalPaletteStateTool(toolId) ? "Global Workspace Palette State" : "ToolState-capable Tool";
+    lines.push(`| \`${toolId}\` | ${scope} | ${entry.status} | ${reasonText.replace(/\|/g, "\\|")} |`);
   }
   lines.push("");
   return `${lines.join("\n")}\n`;

tests/playwright/tool-validation/workspace-v2.tool-validation.spec.js

@@ -3,7 +3,6 @@ import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { startRepoServer } from "../../helpers/playwrightRepoServer.mjs";
-import { ctrlTapClick } from "../../helpers/playwrightCtrlTapClick.mjs";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -69,10 +68,7 @@ function buildWorkspaceManifest(toolStateContext, hostContextId) {
 }
 
 async function importWorkspaceManifest(page, manifest) {
-  const chooserPromise = page.waitForEvent("filechooser");
-  await ctrlTapClick(page, page.getByRole("button", { name: "Import Workspace Tool State JSON" }));
-  const chooser = await chooserPromise;
-  await chooser.setFiles({
+  await page.locator("#workspaceV2ImportFile").setInputFiles({
     name: "workspace-v2-tool-validation-import.json",
     mimeType: "application/json",
     buffer: Buffer.from(JSON.stringify(manifest, null, 2), "utf8")
@@ -95,13 +91,6 @@ const toolSelectors = {
     validToken: "payloadJson.assetCatalog valid",
     invalidToken: "payloadJson.assetCatalog invalid"
   },
-  "palette-manager-v2": {
-    valid: "#paletteManagerValidState",
-    invalid: "#paletteManagerInvalidState",
-    readout: "#paletteManagerContractReadout",
-    validToken: "payloadJson.paletteDocument valid",
-    invalidToken: "payloadJson.paletteDocument invalid"
-  },
   "svg-asset-studio-v2": {
     valid: "#svgV2ValidState",
     invalid: "#svgV2InvalidState",
@@ -140,6 +129,10 @@ test("@workspace-v2 tool validation list includes all audited tools", async () =
   ]);
 });
 
+test("@workspace-v2 toolState-capable validation scope excludes palette-manager-v2", async () => {
+  expect(workspaceToolStateCapableToolIds).not.toContain("palette-manager-v2");
+});
+
 test("@workspace-v2 valid workspace manifest payloadJson imports", async ({ page }) => {
   const server = await startRepoServer();
   try {

tests/playwright/workspace-v2.validation.spec.js

@@ -3,11 +3,8 @@ import { startRepoServer } from "../helpers/playwrightRepoServer.mjs";
 import { ctrlTapClick } from "../helpers/playwrightCtrlTapClick.mjs";
 
 async function importManifestFromObject(page, manifest) {
-  const chooserPromise = page.waitForEvent("filechooser");
-  await ctrlTapClick(page, page.getByRole("button", { name: "Import Workspace Tool State JSON" }));
-  const chooser = await chooserPromise;
   const jsonText = JSON.stringify(manifest, null, 2);
-  await chooser.setFiles({
+  await page.locator("#workspaceV2ImportFile").setInputFiles({
     name: "workspace-v2-import.json",
     mimeType: "application/json",
     buffer: Buffer.from(jsonText, "utf8")
@@ -16,12 +13,35 @@ async function importManifestFromObject(page, manifest) {
 }
 
 async function exportManifestFromTextarea(page) {
-  await ctrlTapClick(page, page.getByRole("button", { name: "Export Workspace Tool State JSON" }));
+  await page.getByRole("button", { name: "Export Workspace Tool State JSON" }).click();
   const exportedText = await page.locator("#workspaceV2ImportJson").inputValue();
   return JSON.parse(exportedText);
 }
 
 test.describe("Workspace V2 validation coverage", () => {
+  test("producer tool selection excludes palette-manager-v2 and asset-manager load/create actions work", async ({ page }) => {
+    const server = await startRepoServer();
+    try {
+      await page.goto(`${server.baseUrl}/tools/workspace-v2/index.html`);
+      await ctrlTapClick(page, page.getByRole("button", { name: "Full Reset" }));
+
+      await expect(page.locator("#workspaceV2ToolSelect option[value='palette-manager-v2']")).toHaveCount(0);
+      await expect(page.locator("#workspaceV2ToolSelect")).not.toHaveValue("palette-manager-v2");
+
+      await page.locator("#workspaceV2ToolSelect").selectOption("asset-manager-v2");
+      await page.locator("#workspaceV2LoadFixtureButton").click();
+      await expect(page.locator("#workspaceV2Status")).toContainText("Fixture loaded for asset-manager-v2.");
+
+      await ctrlTapClick(page, page.getByRole("button", { name: "Create & Open Tool State" }));
+      await expect(page).toHaveURL(/\/tools\/asset-manager-v2\/index\.html/);
+
+      await ctrlTapClick(page, page.getByRole("button", { name: /Back to Workspace V2/ }));
+      await expect(page).toHaveURL(/\/tools\/workspace-v2\/index\.html/);
+    } finally {
+      await server.close();
+    }
+  });
+
   test("workspace lifecycle reset -> valid import -> export -> import success", async ({ page }) => {
     const server = await startRepoServer();
     try {
@@ -152,16 +172,16 @@ test.describe("Workspace V2 validation coverage", () => {
       await ctrlTapClick(page, page.getByRole("button", { name: "Full Reset" }));
 
       await page.locator("#workspaceV2ToolSelect").selectOption("tilemap-studio-v2");
-      await ctrlTapClick(page, page.getByRole("button", { name: "Load Tool State" }));
-      let exportedManifest = await exportManifestFromTextarea(page);
-      expect(exportedManifest.tools?.["workspace-v2"]?.activeToolId).toBe("tilemap-studio-v2");
-      expect(exportedManifest.tools?.["workspace-v2"]?.activeToolState?.toolId).toBe("tilemap-studio-v2");
+      await page.locator("#workspaceV2LoadFixtureButton").click();
+      let manifest = JSON.parse(await page.locator("#workspaceV2ImportJson").inputValue());
+      expect(manifest.tools?.["workspace-v2"]?.activeToolId).toBe("tilemap-studio-v2");
+      expect(manifest.tools?.["workspace-v2"]?.activeToolState?.toolId).toBe("tilemap-studio-v2");
 
       await page.locator("#workspaceV2ToolSelect").selectOption("vector-map-editor-v2");
-      await ctrlTapClick(page, page.getByRole("button", { name: "Load Tool State" }));
-      exportedManifest = await exportManifestFromTextarea(page);
-      expect(exportedManifest.tools?.["workspace-v2"]?.activeToolId).toBe("vector-map-editor-v2");
-      expect(exportedManifest.tools?.["workspace-v2"]?.activeToolState?.toolId).toBe("vector-map-editor-v2");
+      await page.locator("#workspaceV2LoadFixtureButton").click();
+      manifest = JSON.parse(await page.locator("#workspaceV2ImportJson").inputValue());
+      expect(manifest.tools?.["workspace-v2"]?.activeToolId).toBe("vector-map-editor-v2");
+      expect(manifest.tools?.["workspace-v2"]?.activeToolState?.toolId).toBe("vector-map-editor-v2");
     } finally {
       await server.close();
     }