@vizzly-testing/cli 0.29.3 → 0.29.4

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/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.4",
   "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",