@recursica/adapter-tester 1.1.0

package/dist/testing.js

@@ -0,0 +1,143 @@
+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-CKgyDyNF.js";
+const z = ["Theme", "Tokens", "Introduction"], j = [
+  "color",
+  "background-color",
+  "padding-top",
+  "padding-right",
+  "padding-bottom",
+  "padding-left",
+  "margin-top",
+  "margin-right",
+  "margin-bottom",
+  "margin-left",
+  "border-top-left-radius",
+  "border-top-right-radius",
+  "border-bottom-left-radius",
+  "border-bottom-right-radius",
+  "font-size",
+  "font-weight",
+  "display",
+  "flex-direction",
+  "gap",
+  "height"
+];
+function v(t) {
+  return t.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+}
+async function R(t, r) {
+  let c;
+  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}/`)
+      )
+    ), c.sort((a, e) => a.id.localeCompare(e.id));
+  } catch (i) {
+    throw console.error(
+      "Failed to load Storybook index from",
+      `${t.url}/index.json`,
+      i
+    ), new Error(
+      `Storybook source of truth "${t.name}" is not responsive or index.json is missing. Please ensure its Storybook is running.`
+    );
+  }
+  return c;
+}
+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`,
+                { waitUntil: "networkidle" }
+              ),
+              n.goto(
+                `${e.url}/iframe.html?id=${o.id}&viewMode=story`,
+                { waitUntil: "networkidle" }
+              )
+            ]), await Promise.all([
+              s.waitForSelector("#storybook-root"),
+              n.waitForSelector("#storybook-root")
+            ]), await Promise.all([
+              s.waitForTimeout(300),
+              n.waitForTimeout(300)
+            ]);
+            const x = (y) => {
+              function D(S) {
+                const T = {
+                  tag: S.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;
+              }
+              const E = document.querySelector("#storybook-root");
+              return E ? D(E) : null;
+            }, O = await s.evaluate(
+              x,
+              j
+            ), P = await n.evaluate(
+              x,
+              j
+            );
+            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`, {
+              body: JSON.stringify(P, 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`,
+              JSON.stringify(P, 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,
+              { 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),
+              contentType: "image/png"
+            }), await l.attach(`${r.name} Screenshot (Source of Truth)`, {
+              body: w,
+              contentType: "image/png"
+            }), await l.attach(`${e.name} Screenshot (Target)`, {
+              body: f,
+              contentType: "image/png"
+            });
+            const L = m !== void 0 && $.some((y) => o.id.startsWith(y)) ? m : t.diffThresholdPixels;
+            J.soft(C).toBeLessThan(L);
+          });
+      }
+    );
+}
+export {
+  G as runVisualRegression
+};
+//# sourceMappingURL=testing.js.map

package/dist/testing.js.map

@@ -0,0 +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(`Failed to fetch Storybook index: ${response.statusText}`);\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(\n      `${sourceOfTruth.name} vs ${target.name} — Dynamic Visual Regression Suite`,\n      () => {\n        for (const story of stories) {\n          test(`Visual regression for: ${story.title} - ${story.name} (${story.id})`, async (\n            { browser },\n            testInfo,\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(`${sourceOfTruth.name} Screenshot (Source of Truth)`, {\n              body: sourceBuffer,\n              contentType: \"image/png\",\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}\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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"}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@recursica/adapter-tester",
+  "description": "Visual regression tester between Recursica adapters — usable inside the Recursica monorepo, or installed standalone as a devDependency in any adapter repo to diff its Storybook against Mantine as the source of truth.",
+  "private": false,
+  "homepage": "https://github.com/borderux/recursica/tree/main/packages/adapter-tester",
+  "author": "hi@borderux.com",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/borderux/recursica/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/borderux/recursica.git",
+    "directory": "packages/adapter-tester"
+  },
+  "version": "1.1.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./testing": {
+      "types": "./dist/testing.d.ts",
+      "import": "./dist/testing.js",
+      "require": "./dist/testing.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "recursica",
+    "storybook",
+    "visual-regression",
+    "testing",
+    "playwright"
+  ],
+  "scripts": {
+    "build": "vite build --mode library",
+    "test:visual": "playwright test",
+    "dev": "ts-node src/dev.ts"
+  },
+  "dependencies": {
+    "pixelmatch": "^7.2.0",
+    "pngjs": "^7.0.0"
+  },
+  "peerDependencies": {
+    "@playwright/test": ">=1.40.0"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.60.0",
+    "@repo/typescript-config": "*",
+    "@types/node": "^25.9.1",
+    "@types/pixelmatch": "^5.2.6",
+    "@types/pngjs": "^6.0.5",
+    "express": "^5.2.1",
+    "http-proxy-middleware": "^4.0.0",
+    "playwright": "^1.60.0",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.22.3",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}