@vizzly-testing/cli 0.29.3 → 0.29.5

package/dist/reporter-ssr/ssr-entry.js

@@ -1,5 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { renderToString } from "react-dom/server";
+function isNewComparisonStatus(status) {
+  return status === "new" || status === "baseline-created";
+}
 const statusConfig = {
   failed: {
     label: "Changed",
@@ -430,11 +433,11 @@ function StaticReportView({ reportData }) {
     total: comparisons.length,
     passed: comparisons.filter((c) => c.status === "passed").length,
     failed: comparisons.filter((c) => c.status === "failed").length,
-    new: comparisons.filter((c) => c.status === "new").length,
+    new: comparisons.filter((c) => isNewComparisonStatus(c.status)).length,
     error: comparisons.filter((c) => c.status === "error").length
   };
   let failed = comparisons.filter((c) => c.status === "failed");
-  let newItems = comparisons.filter((c) => c.status === "new");
+  let newItems = comparisons.filter((c) => isNewComparisonStatus(c.status));
   let passed = comparisons.filter((c) => c.status === "passed");
   let errors = comparisons.filter((c) => c.status === "error");
   return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-slate-900 text-white", children: [

package/dist/services/test-runner.js

@@ -13,6 +13,7 @@ import { createBuild as createApiBuild, createApiClient, finalizeBuild as finali
 import { VizzlyError } from '../errors/vizzly-error.js';
 import { cancelTests, createBuild, finalizeBuild, initializeDaemon, runTests } from '../test-runner/index.js';
 import * as output from '../utils/output.js';
+import { writeSession as defaultWriteSession } from '../utils/session.js';
 import { createBuildObject } from './build-manager.js';
 export class TestRunner extends EventEmitter {
   constructor(config, serverManager, options = {}) {
@@ -34,6 +35,7 @@ export class TestRunner extends EventEmitter {
       getBuild,
       finalizeApiBuild,
       output,
+      writeSession: defaultWriteSession,
       createError: (message, code) => new VizzlyError(message, code)
     };
   }
@@ -79,7 +81,7 @@ export class TestRunner extends EventEmitter {
     return result;
   }
   async createBuild(options, tdd) {
-    return createBuild({
+    let buildId = await createBuild({
       runOptions: options,
       tdd,
       config: this.config,
@@ -90,6 +92,16 @@ export class TestRunner extends EventEmitter {
         output: this.deps.output
       }
     });
+    if (!tdd && buildId) {
+      let writeSession = this.deps.writeSession || defaultWriteSession;
+      writeSession({
+        buildId,
+        branch: options?.branch,
+        commit: options?.commit,
+        parallelId: options?.parallelId
+      });
+    }
+    return buildId;
   }
   async finalizeBuild(buildId, isTddMode, success, executionTime) {
     await finalizeBuild({

package/dist/tdd/tdd-service.js

@@ -1038,9 +1038,9 @@ export class TddService {
     }
 
     // Baseline exists - compare
+    let effectiveThreshold = typeof validatedProperties.threshold === 'number' && validatedProperties.threshold >= 0 ? validatedProperties.threshold : this.threshold;
+    let effectiveMinClusterSize = Number.isInteger(validatedProperties.minClusterSize) && validatedProperties.minClusterSize >= 1 ? validatedProperties.minClusterSize : this.minClusterSize;
     try {
-      let effectiveThreshold = typeof validatedProperties.threshold === 'number' && validatedProperties.threshold >= 0 ? validatedProperties.threshold : this.threshold;
-      let effectiveMinClusterSize = Number.isInteger(validatedProperties.minClusterSize) && validatedProperties.minClusterSize >= 1 ? validatedProperties.minClusterSize : this.minClusterSize;
       let honeydiffResult = await compareImages(baselineImagePath, currentImagePath, diffImagePath, {
         threshold: effectiveThreshold,
         minClusterSize: effectiveMinClusterSize
@@ -1088,29 +1088,25 @@ export class TddService {
       }
     } catch (error) {
       if (isDimensionMismatchError(error)) {
-        output.debug('comparison', `${sanitizedName}: dimension mismatch, creating new baseline`);
-        saveBaseline(this.baselinePath, filename, imageBuffer);
-        if (!this.baselineData) {
-          this.baselineData = createEmptyBaselineMetadata({
-            threshold: this.threshold,
-            signatureProperties: this.signatureProperties
-          });
-        }
-        let screenshotEntry = {
-          name: sanitizedName,
-          properties: validatedProperties,
-          path: baselineImagePath,
-          signature
-        };
-        upsertScreenshotInMetadata(this.baselineData, screenshotEntry, signature);
-        saveBaselineMetadata(this.baselinePath, this.baselineData);
-        let result = buildNewComparison({
+        output.debug('comparison', `${sanitizedName}: dimension mismatch, marking comparison as failed`, {
+          error: error.message
+        });
+        let result = buildFailedComparison({
           name: sanitizedName,
           signature,
           baselinePath: baselineImagePath,
           currentPath: currentImagePath,
-          properties: validatedProperties
+          diffPath: null,
+          properties: validatedProperties,
+          threshold: effectiveThreshold,
+          minClusterSize: effectiveMinClusterSize,
+          honeydiffResult: {
+            isDifferent: true,
+            diffClusters: []
+          }
         });
+        result.reason = 'dimension-mismatch';
+        result.error = error.message;
         this._upsertComparison(result);
         return result;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizzly-testing/cli",
-  "version": "0.29.3",
+  "version": "0.29.5",
   "description": "Visual review platform for UI developers and designers",
   "keywords": [
     "visual-testing",
@@ -122,6 +122,7 @@
     "@vitejs/plugin-react": "^5.0.3",
     "@vizzly-testing/observatory": "^0.3.3",
     "autoprefixer": "^10.4.21",
+    "babel-plugin-react-compiler": "^1.0.0",
     "babel-plugin-transform-remove-console": "^6.9.4",
     "postcss": "^8.5.6",
     "react": "^19.1.1",