@bughunters/vision 1.0.5 → 1.0.6

package/dist/check.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"check.d.ts","sourceRoot":"","sources":["../src/check.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAY,MAAM,kBAAkB,CAAC;AAOhE,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,IAAI,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD,wBAAgB,uBAAuB,IAAI,MAAM,GAAG,IAAI,CAEvD;AAoHD,wBAAsB,cAAc,CAAC,IAAI,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CAyJ/E"}
+{"version":3,"file":"check.d.ts","sourceRoot":"","sources":["../src/check.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAY,MAAM,kBAAkB,CAAC;AAOhE,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,IAAI,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD,wBAAgB,uBAAuB,IAAI,MAAM,GAAG,IAAI,CAEvD;AAoHD,wBAAsB,cAAc,CAAC,IAAI,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CAqK/E"}

package/dist/check.js

@@ -161,11 +161,17 @@ async function runVisionCheck(opts) {
     }
     const resolvedDir = path.resolve(process.cwd(), snapshotsDir);
     fs.mkdirSync(resolvedDir, { recursive: true });
-    // Build unique, collision-free filenames scoped to both the test title and the step name.
-    // Format: <safe-test-title>--<safe-step-name>.baseline.png
+    // Build unique, collision-free filenames scoped to project + test title + step name.
+    // Format: [<safe-project>--]<safe-test-title>--<safe-step-name>.baseline.png
+    // Project prefix is required when multiple Playwright projects run the same test
+    // (e.g. widget-chromium, widget-firefox) — without it all projects share one file.
+    const projectName = testInfo?.project?.name || undefined;
+    const safeProject = projectName ? sanitize(projectName) : '';
     const safeTitle = testInfo?.title ? sanitize(testInfo.title) : 'unknown';
     const safeName = sanitize(name);
-    const filePrefix = `${safeTitle}--${safeName}`;
+    const filePrefix = safeProject
+        ? `${safeProject}--${safeTitle}--${safeName}`
+        : `${safeTitle}--${safeName}`;
     // Human-readable label used in the HTML report: "Test title › step name"
     const testName = testInfo?.title ? `${testInfo.title} › ${name}` : name;
     const baselinePath = path.join(resolvedDir, `${filePrefix}.baseline.png`);
@@ -176,6 +182,7 @@ async function runVisionCheck(opts) {
         console.log(`📸 [BugHunters Vision] Baseline created: ${name}`);
         (0, results_1.appendResult)(resolvedDir, {
             testName,
+            projectName,
             status: 'BASELINE_CREATED',
             reason: 'First run detected — screenshot saved as the new baseline.',
             method: null,
@@ -196,6 +203,7 @@ async function runVisionCheck(opts) {
         console.log(`✅ [BugHunters Vision] FAST PIXEL MATCH: ${name}`);
         (0, results_1.appendResult)(resolvedDir, {
             testName,
+            projectName,
             status: 'PASS',
             reason: 'Identical (Fast Pixel Match) — pixel-perfect match, no AI evaluation needed.',
             method: 'FAST_PIXEL_MATCH',
@@ -212,6 +220,7 @@ async function runVisionCheck(opts) {
         // strict: fail immediately without calling AI
         (0, results_1.appendResult)(resolvedDir, {
             testName,
+            projectName,
             status: 'FAIL',
             reason: `Pixel mismatch detected (${diffLabel}). Strict mode — AI evaluation disabled.`,
             method: 'FAST_PIXEL_MATCH',
@@ -233,6 +242,7 @@ async function runVisionCheck(opts) {
         const reason = humanReadableApiError(err instanceof Error ? err.message : String(err));
         (0, results_1.appendResult)(resolvedDir, {
             testName,
+            projectName,
             status: 'FAIL',
             reason,
             method: 'AI',
@@ -248,6 +258,7 @@ async function runVisionCheck(opts) {
         console.log(`⚠️  [BugHunters Vision] AI error: ${name} — ${result.reason}`);
         (0, results_1.appendResult)(resolvedDir, {
             testName,
+            projectName,
             status: 'ERROR',
             reason: result.reason,
             method: 'AI',
@@ -260,6 +271,7 @@ async function runVisionCheck(opts) {
     }
     (0, results_1.appendResult)(resolvedDir, {
         testName,
+        projectName,
         status: result.status,
         reason: result.reason,
         method: 'AI',

package/dist/reporter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reporter.d.ts","sourceRoot":"","sources":["../src/reporter.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI1D,MAAM,WAAW,+BAA+B;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4hCD,cAAM,wBAAyB,YAAW,QAAQ;IAChD,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,SAAS,CAAS;gBAEd,OAAO,CAAC,EAAE,+BAA+B;IAKrD,aAAa,IAAI,OAAO;IAIxB,OAAO,IAAI,IAAI;IAKf,KAAK,IAAI,IAAI;CAkDd;AAED,eAAe,wBAAwB,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"reporter.d.ts","sourceRoot":"","sources":["../src/reporter.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI1D,MAAM,WAAW,+BAA+B;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4iCD,cAAM,wBAAyB,YAAW,QAAQ;IAChD,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,SAAS,CAAS;gBAEd,OAAO,CAAC,EAAE,+BAA+B;IAKrD,aAAa,IAAI,OAAO;IAIxB,OAAO,IAAI,IAAI;IAKf,KAAK,IAAI,IAAI;CAkDd;AAED,eAAe,wBAAwB,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/reporter.js

@@ -37,27 +37,37 @@ exports.BugHuntersVisionReporter = void 0;
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
 const check_1 = require("./check");
-// ─── Group flat step results by Playwright test title ─────────────────────────
+// ─── Group flat step results by Playwright project + test title ───────────────
+// The grouping key is "projectName||testTitle" so that the same test running
+// on different browser projects (chromium, firefox, android…) produces separate
+// groups — each with its own baseline files and its own row in the report.
 function groupResults(results) {
     const order = [];
     const map = new Map();
     for (const r of results) {
         const sep = r.testName.indexOf(' › ');
-        const title = sep >= 0 ? r.testName.slice(0, sep) : r.testName;
-        if (!map.has(title)) {
-            map.set(title, []);
-            order.push(title);
+        const testTitle = sep >= 0 ? r.testName.slice(0, sep) : r.testName;
+        // Composite key keeps project-variants separate while remaining stable
+        const key = r.projectName ? `${r.projectName}||${testTitle}` : testTitle;
+        if (!map.has(key)) {
+            map.set(key, []);
+            order.push(key);
         }
-        map.get(title).push(r);
+        map.get(key).push(r);
     }
-    return order.map(testTitle => {
-        const steps = map.get(testTitle);
+    return order.map(key => {
+        const steps = map.get(key);
+        const firstResult = steps[0];
+        const sep = firstResult.testName.indexOf(' › ');
+        const testTitle = sep >= 0 ? firstResult.testName.slice(0, sep) : firstResult.testName;
+        const projectName = firstResult.projectName;
         const hasFail = steps.some(s => s.status === 'FAIL');
         const hasError = steps.some(s => s.status === 'ERROR');
         const allBase = steps.every(s => s.status === 'BASELINE_CREATED');
         const status = hasFail ? 'FAIL' : hasError ? 'ERROR' : allBase ? 'BASELINE_CREATED' : 'PASS';
         return {
             testTitle,
+            projectName,
             status,
             passedSteps: steps.filter(s => s.status === 'PASS').length,
             failedSteps: steps.filter(s => s.status === 'FAIL').length,
@@ -270,6 +280,7 @@ body {
   letter-spacing: .4px; font-family: ui-monospace, monospace; white-space: nowrap;
 }
 .badge.m-method { background: var(--surface-2); color: var(--text-3); border: 1px solid var(--border); }
+.badge.m-proj   { background: var(--surface-2); color: var(--text-2); border: 1px solid var(--border); font-family: inherit; letter-spacing: 0; }
 .badge.m-ai     { background: var(--accent-soft); color: var(--accent); border: 1px solid var(--accent-border); }
 .badge.m-warn   { background: var(--pixel-soft); color: var(--pixel); border: 1px solid var(--pixel-border); }
 .badge.m-pixel  { background: var(--pixel-soft); color: var(--pixel); border: 1px solid var(--pixel-border); }
@@ -845,7 +856,10 @@ function getJs() {
     var snip = n + ' ' + checkWord
       + (parts.length > 0 ? ' \u00b7 ' + parts.join(' \u00b7 ') : ' \u00b7 all passed');
 
-    var stepsHtml = g.steps.map(buildStep).join('');
+    var stepsHtml  = g.steps.map(buildStep).join('');
+    var projBadge  = g.projectName
+      ? '<span class="badge m-proj">' + esc(g.projectName) + '</span>'
+      : '';
 
     return '<div class="test-group ' + s.cls + '" data-gst="' + g.status + '">'
       + '<div class="group-row" data-g="' + gIdx + '">'
@@ -855,6 +869,7 @@ function getJs() {
           + '<div class="test-snip">' + esc(snip)        + '</div>'
         + '</div>'
         + '<div class="badges">'
+          + projBadge
           + '<span class="badge ' + s.badge + '">' + s.label + '</span>'
         + '</div>'
         + '<span class="chev" id="gc' + gIdx + '">\u203a</span>'

package/dist/types.d.ts

@@ -2,6 +2,7 @@ export type VisionMode = 'ai' | 'strict' | 'off';
 export interface TestResult {
     index: number;
     testName: string;
+    projectName?: string;
     status: 'PASS' | 'FAIL' | 'BASELINE_CREATED' | 'ERROR';
     reason: string;
     method: 'AI' | 'FAST_PIXEL_MATCH' | null;
@@ -11,6 +12,7 @@ export interface TestResult {
 }
 export interface TestGroup {
     testTitle: string;
+    projectName?: string;
     status: 'PASS' | 'FAIL' | 'BASELINE_CREATED' | 'ERROR';
     passedSteps: number;
     failedSteps: number;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,kBAAkB,GAAG,OAAO,CAAC;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,IAAI,GAAG,kBAAkB,GAAG,IAAI,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,kBAAkB,GAAG,OAAO,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,IAAI;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,kBAAkB,GAAG,OAAO,CAAC;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,IAAI,GAAG,kBAAkB,GAAG,IAAI,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,kBAAkB,GAAG,OAAO,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,IAAI;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bughunters/vision",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "InfoSec-friendly AI Visual Testing plugin for Playwright.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,7 +24,7 @@
     "reporter.d.ts",
     "README.md"
   ],
-  "homepage": "https://bughunters.vision",
+  "homepage": "https://bughunters.dev",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bughunters/vision.git"