@chromatic-com/playwright 0.14.4 → 0.14.5

package/dist/index.js

@@ -3804,8 +3804,7 @@ var _DOMSnapshot = class _DOMSnapshot {
         const currentSrc = this.mapSrcsetUrls(srcsetValue, sourceMap);
         if (currentSrc) {
           node.attributes.src = currentSrc;
-          delete node.attributes.srcset;
-          delete node.attributes.sizes;
+          this.removeResponsiveImageAttributes(node.attributes);
         }
       }
       if (node.tagName === "picture") {
@@ -3830,6 +3829,7 @@ var _DOMSnapshot = class _DOMSnapshot {
       const imageElement = node.childNodes.find((childNode) => childNode.type === NodeType.Element && childNode.tagName === "img");
       if (imageElement && imageElement.attributes) {
         imageElement.attributes.src = sourceMap.get(matchingUrl);
+        this.removeResponsiveImageAttributes(imageElement.attributes);
       }
     }
   }
@@ -3864,6 +3864,10 @@ var _DOMSnapshot = class _DOMSnapshot {
     });
     return currentSrc;
   }
+  removeResponsiveImageAttributes(attributes) {
+    delete attributes.srcset;
+    delete attributes.sizes;
+  }
 };
 __name(_DOMSnapshot, "DOMSnapshot");
 var DOMSnapshot = _DOMSnapshot;
@@ -4216,38 +4220,21 @@ var performChromaticSnapshot = /* @__PURE__ */ __name(async ({ page, delay, diff
     }
     const resourceArchive = await completeArchive();
     const snapshots = chromaticSnapshots.get(testId) || /* @__PURE__ */ new Map();
-    const chromaticStorybookParams = {
-      ...delay && {
-        delay
-      },
-      ...diffIncludeAntiAliasing && {
-        diffIncludeAntiAliasing
-      },
-      ...diffThreshold && {
-        diffThreshold
-      },
-      ...forcedColors && {
-        forcedColors
-      },
-      ...pauseAnimationAtEnd && {
-        pauseAnimationAtEnd
-      },
-      ...prefersReducedMotion && {
-        prefersReducedMotion
-      },
-      ...cropToViewport && {
-        cropToViewport
-      },
-      ...ignoreSelectors && {
-        ignoreSelectors
-      }
-    };
     const outputDir = path2.join(testInfo.outputDir, "..");
     await writeTestResult({
       ...testInfo,
       outputDir,
       pageUrl: page.url()
-    }, Object.fromEntries(snapshots), resourceArchive, chromaticStorybookParams);
+    }, Object.fromEntries(snapshots), resourceArchive, {
+      delay,
+      diffIncludeAntiAliasing,
+      diffThreshold,
+      forcedColors,
+      pauseAnimationAtEnd,
+      prefersReducedMotion,
+      cropToViewport,
+      ignoreSelectors
+    });
     trackComplete();
   } finally {
     chromaticSnapshots.delete(testId);

package/dist/index.mjs

@@ -3798,8 +3798,7 @@ var _DOMSnapshot = class _DOMSnapshot {
         const currentSrc = this.mapSrcsetUrls(srcsetValue, sourceMap);
         if (currentSrc) {
           node.attributes.src = currentSrc;
-          delete node.attributes.srcset;
-          delete node.attributes.sizes;
+          this.removeResponsiveImageAttributes(node.attributes);
         }
       }
       if (node.tagName === "picture") {
@@ -3824,6 +3823,7 @@ var _DOMSnapshot = class _DOMSnapshot {
       const imageElement = node.childNodes.find((childNode) => childNode.type === NodeType.Element && childNode.tagName === "img");
       if (imageElement && imageElement.attributes) {
         imageElement.attributes.src = sourceMap.get(matchingUrl);
+        this.removeResponsiveImageAttributes(imageElement.attributes);
       }
     }
   }
@@ -3858,6 +3858,10 @@ var _DOMSnapshot = class _DOMSnapshot {
     });
     return currentSrc;
   }
+  removeResponsiveImageAttributes(attributes) {
+    delete attributes.srcset;
+    delete attributes.sizes;
+  }
 };
 __name(_DOMSnapshot, "DOMSnapshot");
 var DOMSnapshot = _DOMSnapshot;
@@ -4210,38 +4214,21 @@ var performChromaticSnapshot = /* @__PURE__ */ __name(async ({ page, delay, diff
     }
     const resourceArchive = await completeArchive();
     const snapshots = chromaticSnapshots.get(testId) || /* @__PURE__ */ new Map();
-    const chromaticStorybookParams = {
-      ...delay && {
-        delay
-      },
-      ...diffIncludeAntiAliasing && {
-        diffIncludeAntiAliasing
-      },
-      ...diffThreshold && {
-        diffThreshold
-      },
-      ...forcedColors && {
-        forcedColors
-      },
-      ...pauseAnimationAtEnd && {
-        pauseAnimationAtEnd
-      },
-      ...prefersReducedMotion && {
-        prefersReducedMotion
-      },
-      ...cropToViewport && {
-        cropToViewport
-      },
-      ...ignoreSelectors && {
-        ignoreSelectors
-      }
-    };
     const outputDir = join(testInfo.outputDir, "..");
     await writeTestResult({
       ...testInfo,
       outputDir,
       pageUrl: page.url()
-    }, Object.fromEntries(snapshots), resourceArchive, chromaticStorybookParams);
+    }, Object.fromEntries(snapshots), resourceArchive, {
+      delay,
+      diffIncludeAntiAliasing,
+      diffThreshold,
+      forcedColors,
+      pauseAnimationAtEnd,
+      prefersReducedMotion,
+      cropToViewport,
+      ignoreSelectors
+    });
     trackComplete();
   } finally {
     chromaticSnapshots.delete(testId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromatic-com/playwright",
-  "version": "0.14.4",
+  "version": "0.14.5",
   "description": "Chromatic Visual Regression Testing for Playwright",
   "repository": {
     "type": "git",