@chromatic-com/playwright 0.14.8 → 0.14.10

package/dist/index.js

@@ -3679,6 +3679,10 @@ var _ArchiveFile = class _ArchiveFile {
     if (!queryString)
       return pathname;
     const safeQueryString = this.hash(queryString);
+    const extension = path2__default.default.extname(pathname);
+    if (extension) {
+      return `${pathname.substring(0, pathname.length - extension.length)}-${safeQueryString}${extension}`;
+    }
     return `${pathname}-${safeQueryString}`;
   }
   truncateFileName(pathname) {
@@ -3919,9 +3923,13 @@ var STORIES_FILE_EXT = "stories.json";
 var uniqueId = {
   value: 1
 };
-function storiesFileName(testTitle) {
+function storiesFileName(testTitle, overwriteDuplicateNames = true) {
+  let title = sanitize(testTitle);
+  if (!overwriteDuplicateNames) {
+    title += "-" + uniqueId.value++;
+  }
   const fileName = [
-    sanitize(testTitle) + "-" + uniqueId.value++,
+    title,
     STORIES_FILE_EXT
   ].join(".");
   const maxByteLength = MAX_FILE_NAME_BYTE_LENGTH - 25;
@@ -4022,7 +4030,7 @@ function findDefaultViewport(viewports) {
 __name(findDefaultViewport, "findDefaultViewport");
 
 // ../shared/src/write-archive/index.ts
-async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStorybookParams) {
+async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStorybookParams, testRunner) {
   const { titlePath, outputDir, pageUrl } = e2eTestInfo;
   const titlePathWithoutFileExtensions = titlePath.map((pathPart) => (
     // make sure we remove file extensions, even if the file name doesn't have .spec or .test or.cy
@@ -4057,7 +4065,7 @@ async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStor
     const snapshotFile = snapshotFileName(snapshotId(title, name), domSnapshot.viewport);
     await outputFile(path2.join(archiveDir, snapshotFile), mappedSnapshot);
   }));
-  const storiesFile = storiesFileName(title);
+  const storiesFile = storiesFileName(title, testRunner !== "vitest");
   const storiesJson = createStories(title, domSnapshots, chromaticStorybookParams);
   await outputJSONFile(path2.join(finalOutputDir, storiesFile), storiesJson);
   const errors = Object.entries(archive).filter(([, r]) => "error" in r);
@@ -4256,7 +4264,7 @@ var performChromaticSnapshot = /* @__PURE__ */ __name(async ({ page, delay, diff
       prefersReducedMotion,
       cropToViewport,
       ignoreSelectors
-    });
+    }, "playwright");
     trackComplete();
   } finally {
     chromaticSnapshots.delete(testId);

package/dist/index.mjs

@@ -3673,6 +3673,10 @@ var _ArchiveFile = class _ArchiveFile {
     if (!queryString)
       return pathname;
     const safeQueryString = this.hash(queryString);
+    const extension = path2.extname(pathname);
+    if (extension) {
+      return `${pathname.substring(0, pathname.length - extension.length)}-${safeQueryString}${extension}`;
+    }
     return `${pathname}-${safeQueryString}`;
   }
   truncateFileName(pathname) {
@@ -3913,9 +3917,13 @@ var STORIES_FILE_EXT = "stories.json";
 var uniqueId = {
   value: 1
 };
-function storiesFileName(testTitle) {
+function storiesFileName(testTitle, overwriteDuplicateNames = true) {
+  let title = sanitize(testTitle);
+  if (!overwriteDuplicateNames) {
+    title += "-" + uniqueId.value++;
+  }
   const fileName = [
-    sanitize(testTitle) + "-" + uniqueId.value++,
+    title,
     STORIES_FILE_EXT
   ].join(".");
   const maxByteLength = MAX_FILE_NAME_BYTE_LENGTH - 25;
@@ -4016,7 +4024,7 @@ function findDefaultViewport(viewports) {
 __name(findDefaultViewport, "findDefaultViewport");
 
 // ../shared/src/write-archive/index.ts
-async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStorybookParams) {
+async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStorybookParams, testRunner) {
   const { titlePath, outputDir, pageUrl } = e2eTestInfo;
   const titlePathWithoutFileExtensions = titlePath.map((pathPart) => (
     // make sure we remove file extensions, even if the file name doesn't have .spec or .test or.cy
@@ -4051,7 +4059,7 @@ async function writeTestResult(e2eTestInfo, domSnapshots, archive, chromaticStor
     const snapshotFile = snapshotFileName(snapshotId(title, name), domSnapshot.viewport);
     await outputFile(join(archiveDir, snapshotFile), mappedSnapshot);
   }));
-  const storiesFile = storiesFileName(title);
+  const storiesFile = storiesFileName(title, testRunner !== "vitest");
   const storiesJson = createStories(title, domSnapshots, chromaticStorybookParams);
   await outputJSONFile(join(finalOutputDir, storiesFile), storiesJson);
   const errors = Object.entries(archive).filter(([, r]) => "error" in r);
@@ -4250,7 +4258,7 @@ var performChromaticSnapshot = /* @__PURE__ */ __name(async ({ page, delay, diff
       prefersReducedMotion,
       cropToViewport,
       ignoreSelectors
-    });
+    }, "playwright");
     trackComplete();
   } finally {
     chromaticSnapshots.delete(testId);

package/package.json

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