@recursica/adapter-tester 2.0.0 → 2.0.2

package/dist/testing.js

@@ -1,9 +1,9 @@
-import { test as M, expect as J } from "@playwright/test";
-import _ from "pixelmatch";
-import { PNG as h } from "pngjs";
-import g from "node:fs";
-import { g as U } from "./config-CDxTeSAY.js";
-const z = ["Theme", "Tokens", "Introduction"], j = [
+import { test as x, expect as U } from "@playwright/test";
+import z from "pixelmatch";
+import { PNG as m } from "pngjs";
+import w from "node:fs";
+import { g as I } from "./config-CDxTeSAY.js";
+const R = ["Theme", "Tokens", "Introduction"], E = [
   "color",
   "background-color",
   "padding-top",
@@ -25,23 +25,23 @@ const z = ["Theme", "Tokens", "Introduction"], j = [
   "gap",
   "height"
 ];
-function v(t) {
+function C(t) {
   return t.toLowerCase().replace(/[^a-z0-9]+/g, "-");
 }
-async function R(t, r) {
-  let c;
+async function A(t, e) {
+  let s;
   try {
     const i = await fetch(`${t.url}/index.json`);
     if (!i.ok)
       throw new Error(
         `Failed to fetch Storybook index: ${i.statusText}`
       );
-    const m = (await i.json()).entries || {};
-    c = Object.values(m).filter(
-      (a) => a.type === "story" && !r.some(
-        (e) => a.title === e || a.title.startsWith(`${e}/`)
+    const a = (await i.json()).entries || {};
+    s = Object.values(a).filter(
+      (n) => n.type === "story" && !e.some(
+        (d) => n.title === d || n.title.startsWith(`${d}/`)
       )
-    ), c.sort((a, e) => a.id.localeCompare(e.id));
+    ), s.sort((n, d) => n.id.localeCompare(d.id));
   } catch (i) {
     throw console.error(
       "Failed to load Storybook index from",
@@ -51,97 +51,121 @@ async function R(t, r) {
       `Storybook source of truth "${t.name}" is not responsive or index.json is missing. Please ensure its Storybook is running.`
     );
   }
-  return c;
+  return s;
 }
-async function G(t) {
-  const r = U(t), c = t.targets.filter((e) => !e.sourceOfTruth), i = t.excludeTitlePrefixes ?? z, $ = t.relaxedThresholdStoryIds ?? [], m = t.relaxedThresholdPixels, a = await R(r, i);
-  for (const e of c)
-    M.describe(`${r.name} vs ${e.name} — Dynamic Visual Regression Suite`, () => {
-      for (const o of a)
-        M(`Visual regression for: ${o.title} - ${o.name} (${o.id})`, async ({
-          browser: b
-        }, l) => {
-          const s = await b.newPage(), n = await b.newPage();
-          await s.setViewportSize({ width: 800, height: 600 }), await n.setViewportSize({ width: 800, height: 600 }), await Promise.all([
-            s.goto(
-              `${r.url}/iframe.html?id=${o.id}&viewMode=story`,
+async function B(t) {
+  try {
+    const e = await fetch(`${t.url}/index.json`);
+    if (!e.ok)
+      return console.warn(
+        `Could not load Storybook index from target "${t.name}" (${e.status} ${e.statusText}) — every story will be reported as skipped for this target.`
+      ), /* @__PURE__ */ new Set();
+    const i = (await e.json()).entries || {}, g = Object.values(i).filter((a) => a.type === "story").map((a) => a.id);
+    return new Set(g);
+  } catch (e) {
+    return console.warn(
+      `Could not load Storybook index from target "${t.name}" — every story will be reported as skipped for this target.`,
+      e
+    ), /* @__PURE__ */ new Set();
+  }
+}
+async function H(t) {
+  const e = I(t), s = t.targets.filter((r) => !r.sourceOfTruth), i = t.excludeTitlePrefixes ?? R, g = t.relaxedThresholdStoryIds ?? [], a = t.relaxedThresholdPixels, n = await A(e, i), d = /* @__PURE__ */ new Map();
+  for (const r of s)
+    d.set(r.name, await B(r));
+  for (const r of s) {
+    const N = d.get(r.name) ?? /* @__PURE__ */ new Set();
+    x.describe(`${e.name} vs ${r.name} — Dynamic Visual Regression Suite`, () => {
+      for (const o of n)
+        x(`Visual regression for: ${o.title} - ${o.name} (${o.id})`, async ({
+          browser: O
+        }, h) => {
+          x.skip(
+            !N.has(o.id),
+            `${r.name} has no story with id "${o.id}" yet — not yet implemented, not a failure.`
+          );
+          const c = await O.newPage(), l = await O.newPage();
+          await c.setViewportSize({ width: 800, height: 600 }), await l.setViewportSize({ width: 800, height: 600 }), await Promise.all([
+            c.goto(
+              `${e.url}/iframe.html?id=${o.id}&viewMode=story`,
               { waitUntil: "networkidle" }
             ),
-            n.goto(
-              `${e.url}/iframe.html?id=${o.id}&viewMode=story`,
+            l.goto(
+              `${r.url}/iframe.html?id=${o.id}&viewMode=story`,
               { waitUntil: "networkidle" }
             )
           ]), await Promise.all([
-            s.waitForSelector("#storybook-root"),
-            n.waitForSelector("#storybook-root")
+            c.waitForSelector("#storybook-root"),
+            l.waitForSelector("#storybook-root")
           ]), await Promise.all([
-            s.waitForTimeout(300),
-            n.waitForTimeout(300)
+            c.waitForTimeout(300),
+            l.waitForTimeout(300)
           ]);
-          const x = (y) => {
-            function D(S) {
-              const T = {
-                tag: S.tagName.toLowerCase(),
+          const k = ($) => {
+            function M(T) {
+              const b = {
+                tag: T.tagName.toLowerCase(),
                 styles: {},
                 children: []
-              }, V = window.getComputedStyle(S);
-              for (const u of y)
-                T.styles[u] = V.getPropertyValue(u);
-              for (const u of Array.from(S.children))
-                T.children.push(D(u));
-              return T;
+              }, _ = window.getComputedStyle(T);
+              for (const y of $)
+                b.styles[y] = _.getPropertyValue(y);
+              for (const y of Array.from(T.children))
+                b.children.push(M(y));
+              return b;
             }
-            const E = document.querySelector("#storybook-root");
-            return E ? D(E) : null;
-          }, O = await s.evaluate(
-            x,
-            j
-          ), P = await n.evaluate(
-            x,
-            j
+            const D = document.querySelector("#storybook-root");
+            return D ? M(D) : null;
+          }, P = await c.evaluate(
+            k,
+            E
+          ), F = await l.evaluate(
+            k,
+            E
           );
-          await l.attach(`${r.name} DOM Tree JSON`, {
-            body: JSON.stringify(O, null, 2),
-            contentType: "application/json"
-          }), await l.attach(`${e.name} DOM Tree JSON`, {
+          await h.attach(`${e.name} DOM Tree JSON`, {
             body: JSON.stringify(P, null, 2),
             contentType: "application/json"
+          }), await h.attach(`${r.name} DOM Tree JSON`, {
+            body: JSON.stringify(F, null, 2),
+            contentType: "application/json"
           });
-          const F = v(r.name), k = v(e.name);
-          g.writeFileSync(
-            `/tmp/${o.id}-${F}DOM.json`,
-            JSON.stringify(O, null, 2)
-          ), g.writeFileSync(
-            `/tmp/${o.id}-${k}DOM.json`,
+          const j = C(e.name), v = C(r.name);
+          w.writeFileSync(
+            `/tmp/${o.id}-${j}DOM.json`,
             JSON.stringify(P, null, 2)
+          ), w.writeFileSync(
+            `/tmp/${o.id}-${v}DOM.json`,
+            JSON.stringify(F, null, 2)
           );
-          const w = await s.screenshot(), f = await n.screenshot(), d = h.sync.read(w), N = h.sync.read(f), p = new h({ width: d.width, height: d.height }), C = _(
-            d.data,
-            N.data,
-            p.data,
-            d.width,
-            d.height,
+          const f = await c.screenshot(), p = await l.screenshot(), u = m.sync.read(f), L = m.sync.read(p), S = new m({ width: u.width, height: u.height }), V = z(
+            u.data,
+            L.data,
+            S.data,
+            u.width,
+            u.height,
             { threshold: 0.1 }
           );
-          g.writeFileSync(`/tmp/${o.id}-diff.png`, h.sync.write(p)), g.writeFileSync(`/tmp/${o.id}-${F}.png`, w), g.writeFileSync(`/tmp/${o.id}-${k}.png`, f), await l.attach("Visual Diff Overlay", {
-            body: h.sync.write(p),
+          w.writeFileSync(`/tmp/${o.id}-diff.png`, m.sync.write(S)), w.writeFileSync(`/tmp/${o.id}-${j}.png`, f), w.writeFileSync(`/tmp/${o.id}-${v}.png`, p), await h.attach("Visual Diff Overlay", {
+            body: m.sync.write(S),
             contentType: "image/png"
-          }), await l.attach(
-            `${r.name} Screenshot (Source of Truth)`,
+          }), await h.attach(
+            `${e.name} Screenshot (Source of Truth)`,
             {
-              body: w,
+              body: f,
               contentType: "image/png"
             }
-          ), await l.attach(`${e.name} Screenshot (Target)`, {
-            body: f,
+          ), await h.attach(`${r.name} Screenshot (Target)`, {
+            body: p,
             contentType: "image/png"
           });
-          const L = m !== void 0 && $.some((y) => o.id.startsWith(y)) ? m : t.diffThresholdPixels;
-          J.soft(C).toBeLessThan(L);
+          const J = a !== void 0 && g.some(($) => o.id.startsWith($)) ? a : t.diffThresholdPixels;
+          U.soft(V).toBeLessThan(J);
         });
     });
+  }
 }
 export {
-  G as runVisualRegression
+  H as runVisualRegression
 };
 //# sourceMappingURL=testing.js.map

package/dist/testing.js.map

@@ -1 +1 @@
-{"version":3,"file":"testing.js","sources":["../src/testing/runVisualRegression.ts"],"sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport pixelmatch from \"pixelmatch\";\nimport { PNG } from \"pngjs\";\nimport fs from \"node:fs\";\nimport type { AdapterTarget, AdapterTesterConfig } from \"../config.js\";\nimport { getSourceOfTruth } from \"../config.js\";\n\nconst DEFAULT_EXCLUDE_TITLE_PREFIXES = [\"Theme\", \"Tokens\", \"Introduction\"];\n\nconst COMMON_STYLES_TO_CAPTURE = [\n  \"color\",\n  \"background-color\",\n  \"padding-top\",\n  \"padding-right\",\n  \"padding-bottom\",\n  \"padding-left\",\n  \"margin-top\",\n  \"margin-right\",\n  \"margin-bottom\",\n  \"margin-left\",\n  \"border-top-left-radius\",\n  \"border-top-right-radius\",\n  \"border-bottom-left-radius\",\n  \"border-bottom-right-radius\",\n  \"font-size\",\n  \"font-weight\",\n  \"display\",\n  \"flex-direction\",\n  \"gap\",\n  \"height\",\n];\n\ninterface StorybookEntry {\n  type: string;\n  id: string;\n  name: string;\n  title: string;\n}\n\nfunction slug(name: string): string {\n  return name.toLowerCase().replace(/[^a-z0-9]+/g, \"-\");\n}\n\nasync function fetchStories(\n  sourceOfTruth: AdapterTarget,\n  excludeTitlePrefixes: string[],\n): Promise<StorybookEntry[]> {\n  let stories: StorybookEntry[];\n  try {\n    const response = await fetch(`${sourceOfTruth.url}/index.json`);\n    if (!response.ok) {\n      throw new Error(\n        `Failed to fetch Storybook index: ${response.statusText}`,\n      );\n    }\n    const data = (await response.json()) as any;\n    const entries = data.entries || {};\n    stories = Object.values(entries).filter(\n      (entry: any) =>\n        entry.type === \"story\" &&\n        !excludeTitlePrefixes.some(\n          (prefix) =>\n            entry.title === prefix || entry.title.startsWith(`${prefix}/`),\n        ),\n    ) as StorybookEntry[];\n    stories.sort((a, b) => a.id.localeCompare(b.id));\n  } catch (error) {\n    console.error(\n      \"Failed to load Storybook index from\",\n      `${sourceOfTruth.url}/index.json`,\n      error,\n    );\n    throw new Error(\n      `Storybook source of truth \"${sourceOfTruth.name}\" is not responsive or index.json is missing. Please ensure its Storybook is running.`,\n    );\n  }\n  return stories;\n}\n\n/**\n * Defines a Playwright suite that diffs every target in `config.targets`\n * against `config.targets`' single `sourceOfTruth` entry, story by story.\n * Call this with a top-level `await` from a Playwright `*.spec.ts` file — it\n * calls `test.describe` at module scope, so it must run inside Playwright's\n * test runner during test-graph compilation.\n */\nexport async function runVisualRegression(\n  config: AdapterTesterConfig,\n): Promise<void> {\n  const sourceOfTruth = getSourceOfTruth(config);\n  const targets = config.targets.filter((target) => !target.sourceOfTruth);\n  const excludeTitlePrefixes =\n    config.excludeTitlePrefixes ?? DEFAULT_EXCLUDE_TITLE_PREFIXES;\n  const relaxedThresholdStoryIds = config.relaxedThresholdStoryIds ?? [];\n  const relaxedThresholdPixels = config.relaxedThresholdPixels;\n\n  // Fetched once at test-graph compilation time and shared by every target's\n  // describe block below.\n  const stories = await fetchStories(sourceOfTruth, excludeTitlePrefixes);\n\n  for (const target of targets) {\n    test.describe(`${sourceOfTruth.name} vs ${target.name} — Dynamic Visual Regression Suite`, () => {\n      for (const story of stories) {\n        test(`Visual regression for: ${story.title} - ${story.name} (${story.id})`, async ({\n          browser,\n        }, testInfo) => {\n          const sourcePage = await browser.newPage();\n          const targetPage = await browser.newPage();\n\n          await sourcePage.setViewportSize({ width: 800, height: 600 });\n          await targetPage.setViewportSize({ width: 800, height: 600 });\n\n          await Promise.all([\n            sourcePage.goto(\n              `${sourceOfTruth.url}/iframe.html?id=${story.id}&viewMode=story`,\n              { waitUntil: \"networkidle\" },\n            ),\n            targetPage.goto(\n              `${target.url}/iframe.html?id=${story.id}&viewMode=story`,\n              { waitUntil: \"networkidle\" },\n            ),\n          ]);\n\n          await Promise.all([\n            sourcePage.waitForSelector(\"#storybook-root\"),\n            targetPage.waitForSelector(\"#storybook-root\"),\n          ]);\n\n          await Promise.all([\n            sourcePage.waitForTimeout(300),\n            targetPage.waitForTimeout(300),\n          ]);\n\n          // 1. EXTRACT DOM STRUCTURE AND STYLES\n          const extractFn = (stylesToCapture: string[]) => {\n            function crawl(el: Element): any {\n              const data: any = {\n                tag: el.tagName.toLowerCase(),\n                styles: {},\n                children: [],\n              };\n              const computed = window.getComputedStyle(el);\n              for (const prop of stylesToCapture) {\n                data.styles[prop] = computed.getPropertyValue(prop);\n              }\n              for (const child of Array.from(el.children)) {\n                data.children.push(crawl(child));\n              }\n              return data;\n            }\n            const root = document.querySelector(\"#storybook-root\");\n            return root ? crawl(root) : null;\n          };\n\n          const sourceDOM = await sourcePage.evaluate(\n            extractFn,\n            COMMON_STYLES_TO_CAPTURE,\n          );\n          const targetDOM = await targetPage.evaluate(\n            extractFn,\n            COMMON_STYLES_TO_CAPTURE,\n          );\n\n          await testInfo.attach(`${sourceOfTruth.name} DOM Tree JSON`, {\n            body: JSON.stringify(sourceDOM, null, 2),\n            contentType: \"application/json\",\n          });\n          await testInfo.attach(`${target.name} DOM Tree JSON`, {\n            body: JSON.stringify(targetDOM, null, 2),\n            contentType: \"application/json\",\n          });\n\n          const sourceSlug = slug(sourceOfTruth.name);\n          const targetSlug = slug(target.name);\n          fs.writeFileSync(\n            `/tmp/${story.id}-${sourceSlug}DOM.json`,\n            JSON.stringify(sourceDOM, null, 2),\n          );\n          fs.writeFileSync(\n            `/tmp/${story.id}-${targetSlug}DOM.json`,\n            JSON.stringify(targetDOM, null, 2),\n          );\n\n          // 2. CAPTURE Headless Viewport Screenshots\n          const sourceBuffer = await sourcePage.screenshot();\n          const targetBuffer = await targetPage.screenshot();\n\n          // 3. PIXEL-BY-PIXEL COMPARISON\n          const img1 = PNG.sync.read(sourceBuffer);\n          const img2 = PNG.sync.read(targetBuffer);\n          const diff = new PNG({ width: img1.width, height: img1.height });\n\n          const diffPixels = pixelmatch(\n            img1.data,\n            img2.data,\n            diff.data,\n            img1.width,\n            img1.height,\n            { threshold: 0.1 },\n          );\n\n          fs.writeFileSync(`/tmp/${story.id}-diff.png`, PNG.sync.write(diff));\n          fs.writeFileSync(`/tmp/${story.id}-${sourceSlug}.png`, sourceBuffer);\n          fs.writeFileSync(`/tmp/${story.id}-${targetSlug}.png`, targetBuffer);\n\n          await testInfo.attach(\"Visual Diff Overlay\", {\n            body: PNG.sync.write(diff),\n            contentType: \"image/png\",\n          });\n          await testInfo.attach(\n            `${sourceOfTruth.name} Screenshot (Source of Truth)`,\n            {\n              body: sourceBuffer,\n              contentType: \"image/png\",\n            },\n          );\n          await testInfo.attach(`${target.name} Screenshot (Target)`, {\n            body: targetBuffer,\n            contentType: \"image/png\",\n          });\n\n          const threshold =\n            relaxedThresholdPixels !== undefined &&\n            relaxedThresholdStoryIds.some((id) => story.id.startsWith(id))\n              ? relaxedThresholdPixels\n              : config.diffThresholdPixels;\n\n          // Perform soft assertions so failures are logged but other stories continue\n          expect.soft(diffPixels).toBeLessThan(threshold);\n        });\n      }\n    });\n  }\n}\n"],"names":["DEFAULT_EXCLUDE_TITLE_PREFIXES","COMMON_STYLES_TO_CAPTURE","slug","name","fetchStories","sourceOfTruth","excludeTitlePrefixes","stories","response","entries","entry","prefix","b","error","runVisualRegression","config","getSourceOfTruth","targets","target","relaxedThresholdStoryIds","relaxedThresholdPixels","test","story","browser","testInfo","sourcePage","targetPage","extractFn","stylesToCapture","crawl","el","data","computed","prop","child","root","sourceDOM","targetDOM","sourceSlug","targetSlug","fs","sourceBuffer","targetBuffer","img1","PNG","img2","diff","diffPixels","pixelmatch","threshold","id","expect"],"mappings":"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"}
+{"version":3,"file":"testing.js","sources":["../src/testing/runVisualRegression.ts"],"sourcesContent":["import { test, expect } from \"@playwright/test\";\nimport pixelmatch from \"pixelmatch\";\nimport { PNG } from \"pngjs\";\nimport fs from \"node:fs\";\nimport type { AdapterTarget, AdapterTesterConfig } from \"../config.js\";\nimport { getSourceOfTruth } from \"../config.js\";\n\nconst DEFAULT_EXCLUDE_TITLE_PREFIXES = [\"Theme\", \"Tokens\", \"Introduction\"];\n\nconst COMMON_STYLES_TO_CAPTURE = [\n  \"color\",\n  \"background-color\",\n  \"padding-top\",\n  \"padding-right\",\n  \"padding-bottom\",\n  \"padding-left\",\n  \"margin-top\",\n  \"margin-right\",\n  \"margin-bottom\",\n  \"margin-left\",\n  \"border-top-left-radius\",\n  \"border-top-right-radius\",\n  \"border-bottom-left-radius\",\n  \"border-bottom-right-radius\",\n  \"font-size\",\n  \"font-weight\",\n  \"display\",\n  \"flex-direction\",\n  \"gap\",\n  \"height\",\n];\n\ninterface StorybookEntry {\n  type: string;\n  id: string;\n  name: string;\n  title: string;\n}\n\nfunction slug(name: string): string {\n  return name.toLowerCase().replace(/[^a-z0-9]+/g, \"-\");\n}\n\nasync function fetchStories(\n  sourceOfTruth: AdapterTarget,\n  excludeTitlePrefixes: string[],\n): Promise<StorybookEntry[]> {\n  let stories: StorybookEntry[];\n  try {\n    const response = await fetch(`${sourceOfTruth.url}/index.json`);\n    if (!response.ok) {\n      throw new Error(\n        `Failed to fetch Storybook index: ${response.statusText}`,\n      );\n    }\n    const data = (await response.json()) as any;\n    const entries = data.entries || {};\n    stories = Object.values(entries).filter(\n      (entry: any) =>\n        entry.type === \"story\" &&\n        !excludeTitlePrefixes.some(\n          (prefix) =>\n            entry.title === prefix || entry.title.startsWith(`${prefix}/`),\n        ),\n    ) as StorybookEntry[];\n    stories.sort((a, b) => a.id.localeCompare(b.id));\n  } catch (error) {\n    console.error(\n      \"Failed to load Storybook index from\",\n      `${sourceOfTruth.url}/index.json`,\n      error,\n    );\n    throw new Error(\n      `Storybook source of truth \"${sourceOfTruth.name}\" is not responsive or index.json is missing. Please ensure its Storybook is running.`,\n    );\n  }\n  return stories;\n}\n\n/**\n * Fetches just the set of story ids a target's own Storybook actually has —\n * used to skip a comparison up front rather than let it burn the full\n * per-test timeout navigating to a story id the target doesn't implement\n * yet. A target with a partially-built component set (a fresh adapter with\n * a handful of real components and many still-stub ones, for example) is\n * the normal case, not an error, so a failed/empty fetch here degrades to\n * \"assume nothing exists yet\" (every story against this target gets\n * skipped) rather than throwing — unlike `fetchStories` above, where the\n * source of truth being unreachable really is fatal to the whole run.\n */\nasync function fetchTargetStoryIds(target: AdapterTarget): Promise<Set<string>> {\n  try {\n    const response = await fetch(`${target.url}/index.json`);\n    if (!response.ok) {\n      console.warn(\n        `Could not load Storybook index from target \"${target.name}\" (${response.status} ${response.statusText}) — every story will be reported as skipped for this target.`,\n      );\n      return new Set();\n    }\n    const data = (await response.json()) as any;\n    const entries = data.entries || {};\n    const ids = Object.values(entries)\n      .filter((entry: any) => entry.type === \"story\")\n      .map((entry: any) => entry.id as string);\n    return new Set(ids);\n  } catch (error) {\n    console.warn(\n      `Could not load Storybook index from target \"${target.name}\" — every story will be reported as skipped for this target.`,\n      error,\n    );\n    return new Set();\n  }\n}\n\n/**\n * Defines a Playwright suite that diffs every target in `config.targets`\n * against `config.targets`' single `sourceOfTruth` entry, story by story.\n * Call this with a top-level `await` from a Playwright `*.spec.ts` file — it\n * calls `test.describe` at module scope, so it must run inside Playwright's\n * test runner during test-graph compilation.\n */\nexport async function runVisualRegression(\n  config: AdapterTesterConfig,\n): Promise<void> {\n  const sourceOfTruth = getSourceOfTruth(config);\n  const targets = config.targets.filter((target) => !target.sourceOfTruth);\n  const excludeTitlePrefixes =\n    config.excludeTitlePrefixes ?? DEFAULT_EXCLUDE_TITLE_PREFIXES;\n  const relaxedThresholdStoryIds = config.relaxedThresholdStoryIds ?? [];\n  const relaxedThresholdPixels = config.relaxedThresholdPixels;\n\n  // Fetched once at test-graph compilation time and shared by every target's\n  // describe block below.\n  const stories = await fetchStories(sourceOfTruth, excludeTitlePrefixes);\n\n  // One index fetch per target, not per story — a fresh/partially-built adapter is expected to\n  // be missing most of the source of truth's stories, and each miss should be a cheap, fast\n  // skip rather than a full-timeout navigation to a story id that will never resolve.\n  const targetStoryIds = new Map<string, Set<string>>();\n  for (const target of targets) {\n    targetStoryIds.set(target.name, await fetchTargetStoryIds(target));\n  }\n\n  for (const target of targets) {\n    const storyIds = targetStoryIds.get(target.name) ?? new Set<string>();\n    test.describe(`${sourceOfTruth.name} vs ${target.name} — Dynamic Visual Regression Suite`, () => {\n      for (const story of stories) {\n        test(`Visual regression for: ${story.title} - ${story.name} (${story.id})`, async ({\n          browser,\n        }, testInfo) => {\n          test.skip(\n            !storyIds.has(story.id),\n            `${target.name} has no story with id \"${story.id}\" yet — not yet implemented, not a failure.`,\n          );\n\n          const sourcePage = await browser.newPage();\n          const targetPage = await browser.newPage();\n\n          await sourcePage.setViewportSize({ width: 800, height: 600 });\n          await targetPage.setViewportSize({ width: 800, height: 600 });\n\n          await Promise.all([\n            sourcePage.goto(\n              `${sourceOfTruth.url}/iframe.html?id=${story.id}&viewMode=story`,\n              { waitUntil: \"networkidle\" },\n            ),\n            targetPage.goto(\n              `${target.url}/iframe.html?id=${story.id}&viewMode=story`,\n              { waitUntil: \"networkidle\" },\n            ),\n          ]);\n\n          await Promise.all([\n            sourcePage.waitForSelector(\"#storybook-root\"),\n            targetPage.waitForSelector(\"#storybook-root\"),\n          ]);\n\n          await Promise.all([\n            sourcePage.waitForTimeout(300),\n            targetPage.waitForTimeout(300),\n          ]);\n\n          // 1. EXTRACT DOM STRUCTURE AND STYLES\n          const extractFn = (stylesToCapture: string[]) => {\n            function crawl(el: Element): any {\n              const data: any = {\n                tag: el.tagName.toLowerCase(),\n                styles: {},\n                children: [],\n              };\n              const computed = window.getComputedStyle(el);\n              for (const prop of stylesToCapture) {\n                data.styles[prop] = computed.getPropertyValue(prop);\n              }\n              for (const child of Array.from(el.children)) {\n                data.children.push(crawl(child));\n              }\n              return data;\n            }\n            const root = document.querySelector(\"#storybook-root\");\n            return root ? crawl(root) : null;\n          };\n\n          const sourceDOM = await sourcePage.evaluate(\n            extractFn,\n            COMMON_STYLES_TO_CAPTURE,\n          );\n          const targetDOM = await targetPage.evaluate(\n            extractFn,\n            COMMON_STYLES_TO_CAPTURE,\n          );\n\n          await testInfo.attach(`${sourceOfTruth.name} DOM Tree JSON`, {\n            body: JSON.stringify(sourceDOM, null, 2),\n            contentType: \"application/json\",\n          });\n          await testInfo.attach(`${target.name} DOM Tree JSON`, {\n            body: JSON.stringify(targetDOM, null, 2),\n            contentType: \"application/json\",\n          });\n\n          const sourceSlug = slug(sourceOfTruth.name);\n          const targetSlug = slug(target.name);\n          fs.writeFileSync(\n            `/tmp/${story.id}-${sourceSlug}DOM.json`,\n            JSON.stringify(sourceDOM, null, 2),\n          );\n          fs.writeFileSync(\n            `/tmp/${story.id}-${targetSlug}DOM.json`,\n            JSON.stringify(targetDOM, null, 2),\n          );\n\n          // 2. CAPTURE Headless Viewport Screenshots\n          const sourceBuffer = await sourcePage.screenshot();\n          const targetBuffer = await targetPage.screenshot();\n\n          // 3. PIXEL-BY-PIXEL COMPARISON\n          const img1 = PNG.sync.read(sourceBuffer);\n          const img2 = PNG.sync.read(targetBuffer);\n          const diff = new PNG({ width: img1.width, height: img1.height });\n\n          const diffPixels = pixelmatch(\n            img1.data,\n            img2.data,\n            diff.data,\n            img1.width,\n            img1.height,\n            { threshold: 0.1 },\n          );\n\n          fs.writeFileSync(`/tmp/${story.id}-diff.png`, PNG.sync.write(diff));\n          fs.writeFileSync(`/tmp/${story.id}-${sourceSlug}.png`, sourceBuffer);\n          fs.writeFileSync(`/tmp/${story.id}-${targetSlug}.png`, targetBuffer);\n\n          await testInfo.attach(\"Visual Diff Overlay\", {\n            body: PNG.sync.write(diff),\n            contentType: \"image/png\",\n          });\n          await testInfo.attach(\n            `${sourceOfTruth.name} Screenshot (Source of Truth)`,\n            {\n              body: sourceBuffer,\n              contentType: \"image/png\",\n            },\n          );\n          await testInfo.attach(`${target.name} Screenshot (Target)`, {\n            body: targetBuffer,\n            contentType: \"image/png\",\n          });\n\n          const threshold =\n            relaxedThresholdPixels !== undefined &&\n            relaxedThresholdStoryIds.some((id) => story.id.startsWith(id))\n              ? relaxedThresholdPixels\n              : config.diffThresholdPixels;\n\n          // Perform soft assertions so failures are logged but other stories continue\n          expect.soft(diffPixels).toBeLessThan(threshold);\n        });\n      }\n    });\n  }\n}\n"],"names":["DEFAULT_EXCLUDE_TITLE_PREFIXES","COMMON_STYLES_TO_CAPTURE","slug","name","fetchStories","sourceOfTruth","excludeTitlePrefixes","stories","response","entries","entry","prefix","a","b","error","fetchTargetStoryIds","target","ids","runVisualRegression","config","getSourceOfTruth","targets","relaxedThresholdStoryIds","relaxedThresholdPixels","targetStoryIds","storyIds","test","story","browser","testInfo","sourcePage","targetPage","extractFn","stylesToCapture","crawl","el","data","computed","prop","child","root","sourceDOM","targetDOM","sourceSlug","targetSlug","fs","sourceBuffer","targetBuffer","img1","PNG","img2","diff","diffPixels","pixelmatch","threshold","id","expect"],"mappings":"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"}

package/package.json

@@ -13,7 +13,7 @@
     "url": "git+https://github.com/borderux/recursica.git",
     "directory": "packages/adapter-tester"
   },
-  "version": "2.0.0",
+  "version": "2.0.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/public/index.html

@@ -165,11 +165,11 @@
 <body>
   <div class="pane" id="leftPane">
     <div class="header">
-      <span id="sourceOfTruthLabel">Source of Truth</span>
-      <span class="status connected" id="mantineStatus">Connected & Syncing</span>
+      <span id="ownLabel">Target</span>
+      <span class="status connected" id="ownStatus">Connected & Syncing</span>
     </div>
-    <!-- Load the source of truth via the SAME ORIGIN proxy -->
-    <iframe id="mantine" src="/?path=/story/ui-kit-slider--default"></iframe>
+    <!-- Load this project's own Storybook via the SAME ORIGIN proxy -->
+    <iframe id="own" src="/?path=/story/ui-kit-slider--default"></iframe>
   </div>
 
   <div class="divider" id="vDivider"></div>
@@ -177,13 +177,13 @@
   <div class="pane" id="rightPane">
     <div class="right-top" id="rightTop">
       <div class="header">
-        <span id="targetLabel">Target</span>
-        <span class="status connected" id="muiStatus">Ready</span>
+        <span id="sourceOfTruthLabel">Source of Truth</span>
+        <span class="status connected" id="sourceOfTruthStatus">Ready</span>
       </div>
-      <!-- Spacer to align the view with the source of truth's Storybook header (40px) -->
+      <!-- Spacer to align the view with the own Storybook's header (40px) -->
       <div style="height: 40px; flex: 0 0 40px; background-color: #fff; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;"></div>
-      <!-- Load the bare target component preview -->
-      <iframe id="mui" src=""></iframe>
+      <!-- Load the bare source-of-truth component preview -->
+      <iframe id="sourceOfTruth" src=""></iframe>
     </div>
     
     <div class="h-divider" id="hDivider"></div>
@@ -214,13 +214,13 @@
 
   <script>
     // Injected by the dev server — see src/devServer.ts.
-    const devConfig = window.__ADAPTER_TESTER__ || { sourceOfTruthName: 'Source of Truth', targetName: 'Target', targetPort: 6012 };
+    const devConfig = window.__ADAPTER_TESTER__ || { ownName: 'Target', sourceOfTruthName: 'Source of Truth', sourceOfTruthPort: 6011 };
+    document.getElementById('ownLabel').textContent = devConfig.ownName;
     document.getElementById('sourceOfTruthLabel').textContent = `${devConfig.sourceOfTruthName} (Source of Truth)`;
-    document.getElementById('targetLabel').textContent = devConfig.targetName;
 
-    const muiIframe = document.getElementById('mui');
-    const mantineIframe = document.getElementById('mantine');
-    const muiStatus = document.getElementById('muiStatus');
+    const ownIframe = document.getElementById('own');
+    const sourceOfTruthIframe = document.getElementById('sourceOfTruth');
+    const sourceOfTruthStatus = document.getElementById('sourceOfTruthStatus');
 
     // Sync initial iframe sources with outer URL if params exist, else fall
     // back to a sensible default story so both panes load something on open.
@@ -228,17 +228,17 @@
     const initialId = outerParams.get('id') || 'ui-kit-slider--default';
     const initialArgs = outerParams.get('args');
 
-    let mSrc = `/?path=/story/${initialId}`;
+    let ownSrc = `/?path=/story/${initialId}`;
     if (initialArgs) {
-      mSrc += `&args=${initialArgs}`;
+      ownSrc += `&args=${initialArgs}`;
     }
-    mantineIframe.src = mSrc;
+    ownIframe.src = ownSrc;
 
-    let uSrc = `http://localhost:${devConfig.targetPort}/iframe.html?id=${initialId}&viewMode=story`;
+    let sotSrc = `http://localhost:${devConfig.sourceOfTruthPort}/iframe.html?id=${initialId}&viewMode=story`;
     if (initialArgs) {
-      uSrc += `&args=${initialArgs}`;
+      sotSrc += `&args=${initialArgs}`;
     }
-    muiIframe.src = uSrc;
+    sourceOfTruthIframe.src = sotSrc;
 
     // Resizers
     const vDivider = document.getElementById('vDivider');
@@ -263,8 +263,8 @@
     vDivider.addEventListener('mousedown', (e) => {
       isVResizing = true;
       document.body.style.cursor = 'col-resize';
-      mantineIframe.style.pointerEvents = 'none';
-      muiIframe.style.pointerEvents = 'none';
+      ownIframe.style.pointerEvents = 'none';
+      sourceOfTruthIframe.style.pointerEvents = 'none';
     });
 
     document.addEventListener('mousemove', (e) => {
@@ -288,8 +288,8 @@
         isVResizing = false;
         isHResizing = false;
         document.body.style.cursor = 'default';
-        mantineIframe.style.pointerEvents = 'auto';
-        muiIframe.style.pointerEvents = 'auto';
+        ownIframe.style.pointerEvents = 'auto';
+        sourceOfTruthIframe.style.pointerEvents = 'auto';
       }
     });
 
@@ -298,8 +298,8 @@
     hDivider.addEventListener('mousedown', (e) => {
       isHResizing = true;
       document.body.style.cursor = 'row-resize';
-      mantineIframe.style.pointerEvents = 'none';
-      muiIframe.style.pointerEvents = 'none';
+      ownIframe.style.pointerEvents = 'none';
+      sourceOfTruthIframe.style.pointerEvents = 'none';
     });
 
     // Auto-save notes logic
@@ -406,7 +406,7 @@
     let lastUrl = '';
     setInterval(() => {
       try {
-        const currentUrl = mantineIframe.contentWindow.location.href;
+        const currentUrl = ownIframe.contentWindow.location.href;
         
         if (currentUrl && currentUrl !== lastUrl && currentUrl !== 'about:blank') {
           lastUrl = currentUrl;
@@ -440,19 +440,19 @@
               window.history.replaceState({}, '', outerUrl.pathname + outerUrl.search);
             }
             
-            let muiUrl = `http://localhost:${devConfig.targetPort}/iframe.html?id=${id}&viewMode=story`;
+            let sotUrl = `http://localhost:${devConfig.sourceOfTruthPort}/iframe.html?id=${id}&viewMode=story`;
             if (args) {
-              muiUrl += `&args=${args}`;
+              sotUrl += `&args=${args}`;
             }
-            
-            if (muiIframe.src !== muiUrl) {
-              muiStatus.textContent = 'Updating...';
-              muiStatus.classList.remove('connected');
-              muiIframe.src = muiUrl;
-              
+
+            if (sourceOfTruthIframe.src !== sotUrl) {
+              sourceOfTruthStatus.textContent = 'Updating...';
+              sourceOfTruthStatus.classList.remove('connected');
+              sourceOfTruthIframe.src = sotUrl;
+
               setTimeout(() => {
-                muiStatus.textContent = 'Synced';
-                muiStatus.classList.add('connected');
+                sourceOfTruthStatus.textContent = 'Synced';
+                sourceOfTruthStatus.classList.add('connected');
               }, 500);
             }
           }

package/dist/mantineSourceOfTruth-DCoJ2dU-.cjs

@@ -1,54 +0,0 @@
-"use strict";const o=require("node:fs"),t=require("node:path"),i="^8.0.0",s="^10.3.3",n="^19.0.0",m={"@storybook/addon-docs":s,"@storybook/addon-a11y":s,"storybook-dark-mode":"^5.0.0"},p={"react-markdown":"^10.1.0"};function l(e){return{name:"adapter-tester-mantine-source-of-truth-harness",private:!0,type:"module",scripts:{storybook:`storybook dev -p ${e.port}`},dependencies:{"@recursica/mantine-adapter":e.mantineAdapterVersion,"@recursica/storybook-template":e.storybookTemplateVersion,"@recursica/official-release":"latest","@recursica/adapter-common":"latest","@mantine/core":i,"@mantine/dates":i,react:n,"react-dom":n,storybook:s,"@storybook/react-vite":s,...m,...p}}}const f=`import { createMainConfig } from "@recursica/storybook-template/main";
-
-const config = createMainConfig({
-  stories: [
-    "../node_modules/@recursica/mantine-adapter/src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
-  ],
-  enableCORS: true,
-});
-
-// react-docgen-typescript can't resolve a TS project for a config file living
-// in .storybook/ when the component source it's docgen'ing lives three
-// directories down inside node_modules — it throws "Cannot read properties
-// of undefined (reading 'fileExists')", which surfaces as a plain 404 on
-// preview.tsx. Docgen only powers Storybook's Controls/Docs tables, which
-// this harness never renders, so disabling it is a safe workaround (see
-// PROPOSAL-installed-package-harness.md, gap 3).
-config.typescript = { ...config.typescript, reactDocgen: false };
-
-export default config;
-`,y=`import type { Preview } from "@storybook/react-vite";
-import { createPreviewConfig } from "@recursica/storybook-template/preview";
-import { MantineProvider } from "@mantine/core";
-import "@mantine/core/styles.css";
-import "@mantine/dates/styles.css";
-import "@recursica/adapter-common/style.css";
-import "@recursica/official-release/recursica_variables_scoped.css";
-import recursicaTokens from "@recursica/official-release/recursica_tokens.json";
-import recursicaBrand from "@recursica/official-release/recursica_brand.json";
-import recursicaUIKit from "@recursica/official-release/recursica_ui-kit.json";
-
-const basePreview = createPreviewConfig({
-  defaultTheme: "light",
-  recursicaTokensJsonPath: recursicaTokens,
-  recursicaBrandJsonPath: recursicaBrand,
-  recursicaUIKitJsonPath: recursicaUIKit,
-});
-
-const preview: Preview = {
-  ...basePreview,
-  decorators: [
-    (Story) => (
-      <MantineProvider>
-        <Story />
-      </MantineProvider>
-    ),
-    ...(basePreview.decorators || []),
-  ],
-};
-
-export default preview;
-`;function a(e){const{dir:r,port:c,mantineAdapterVersion:u="latest",storybookTemplateVersion:d="latest"}=e;return o.mkdirSync(t.join(r,".storybook"),{recursive:!0}),o.writeFileSync(t.join(r,"package.json"),JSON.stringify(l({mantineAdapterVersion:u,storybookTemplateVersion:d,port:c}),null,2)+`
-`),o.writeFileSync(t.join(r,".storybook/main.ts"),f),o.writeFileSync(t.join(r,".storybook/preview.tsx"),y),o.writeFileSync(t.join(r,".gitignore"),`node_modules
-`),r}function k(e){const r=a(e);return{command:"npm install --no-audit --no-fund && npm run storybook",port:e.port,cwd:r,reuseExistingServer:!process.env.CI,timeout:180*1e3}}exports.mantineSourceOfTruthWebServer=k;exports.scaffoldMantineSourceOfTruthHarness=a;
-//# sourceMappingURL=mantineSourceOfTruth-DCoJ2dU-.cjs.map