@crvy/rprtr 0.0.9 → 0.1.0

package/dist/reporter.cjs

@@ -36,9 +36,15 @@ __export(reporter_exports, {
 module.exports = __toCommonJS(reporter_exports);
 var import_fs = require("fs");
 var import_promises3 = require("fs/promises");
-var import_path4 = require("path");
+var import_path5 = require("path");
 var import_p_limit2 = __toESM(require("p-limit"), 1);
 
+// src/ci.ts
+function isCI(env = process.env) {
+  const ci = env.CI;
+  return ci !== void 0 && ci !== "" && ci !== "false" && ci !== "0";
+}
+
 // src/debug-log.ts
 var isDebug = () => process.env.DEBUG !== void 0 && process.env.DEBUG !== "";
 var log = (...args) => {
@@ -55,10 +61,11 @@ var import_p_limit = __toESM(require("p-limit"), 1);
 
 // src/report-artifact.ts
 var import_promises = require("fs/promises");
-var import_path = require("path");
+var import_path2 = require("path");
 var import_url = require("url");
 
 // src/report-utils.ts
+var import_path = require("path");
 function normalizeScreenshotsBaseUrl(baseUrl) {
   return baseUrl.endsWith("/") ? baseUrl : `${baseUrl}/`;
 }
@@ -103,7 +110,7 @@ function attachmentsToImages(attachments, screenshotsBaseUrl = "/screenshots/")
     const role = match[2];
     if (baseName === null || baseName === void 0 || role === null || role === void 0) continue;
     images[baseName] ??= {};
-    const url = `${baseUrl}${attachment.path}`;
+    const url = (0, import_path.isAbsolute)(attachment.path) ? `/file/${encodeURIComponent(attachment.path)}` : `${baseUrl}${attachment.path}`;
     const img = images[baseName];
     if (img !== null && img !== void 0) {
       if (role === "actual") img.actual = url;
@@ -315,10 +322,29 @@ var CrvyRprtrSuiteSchema = import_zod.z.lazy(
     children: import_zod.z.record(import_zod.z.string(), import_zod.z.union([CrvyRprtrSuiteSchema, CrvyRprtrTestSchema])).optional()
   })
 );
-var WebSocketMessageSchema = import_zod.z.object({
+var IncomingWebSocketMessageSchema = import_zod.z.object({
   type: import_zod.z.enum(["test-begin", "test-end", "run-end", "approve", "sync"]),
   data: import_zod.z.unknown()
 });
+var WebSocketMessageSchema = import_zod.z.discriminatedUnion("type", [
+  import_zod.z.object({ type: import_zod.z.literal("test-begin"), data: TestDataSchema }),
+  import_zod.z.object({ type: import_zod.z.literal("test-update"), data: TestDataSchema }),
+  import_zod.z.object({
+    type: import_zod.z.literal("run-end"),
+    data: import_zod.z.object({
+      status: import_zod.z.enum(["passed", "failed", "skipped"]),
+      removedTestIds: import_zod.z.array(import_zod.z.string())
+    })
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("sync"),
+    data: import_zod.z.object({
+      tests: import_zod.z.record(import_zod.z.string(), TestDataSchema),
+      isUpdateMode: import_zod.z.boolean().optional()
+    })
+  }),
+  import_zod.z.object({ type: import_zod.z.literal("approve"), data: import_zod.z.unknown() })
+]);
 var TestBeginDataSchema = import_zod.z.object({
   id: import_zod.z.string(),
   title: import_zod.z.string(),
@@ -338,6 +364,9 @@ var TestEndDataSchema = import_zod.z.object({
   error: import_zod.z.string().optional(),
   duration: import_zod.z.number().optional()
 });
+var RunEndDataSchema = import_zod.z.object({
+  status: import_zod.z.enum(["passed", "failed", "skipped"])
+});
 var ReportDataSchema = import_zod.z.object({
   isRunning: import_zod.z.boolean(),
   tests: import_zod.z.record(import_zod.z.string(), TestDataSchema),
@@ -392,7 +421,7 @@ var import_meta = { url: require("url").pathToFileURL(__filename).href };
 var DEFAULT_REPORT_HTML_PATH = "./crvy-rprtr.html";
 var STATIC_ARTIFACT_APPROVAL_MESSAGE = "This artifact is read-only. Open it with the Crvy Rprtr server to approve screenshots.";
 function toBrowserPath(pathValue) {
-  const normalized = pathValue.split(import_path.sep).join("/");
+  const normalized = pathValue.split(import_path2.sep).join("/");
   if (normalized === "") return ".";
   if (normalized.startsWith(".")) return normalized;
   return `./${normalized}`;
@@ -428,11 +457,11 @@ function renderArtifactHtml(template, bootstrapData, stylesheet, script) {
   );
 }
 async function getPackagedAssetPath(fileName) {
-  const currentDir = (0, import_path.dirname)((0, import_url.fileURLToPath)(import_meta.url));
-  const candidates = [currentDir, (0, import_path.resolve)(currentDir, "../dist")];
+  const currentDir = (0, import_path2.dirname)((0, import_url.fileURLToPath)(import_meta.url));
+  const candidates = [currentDir, (0, import_path2.resolve)(currentDir, "../dist")];
   const resolvedCandidates = await Promise.all(
     candidates.map(async (candidate) => {
-      const assetPath = (0, import_path.resolve)(candidate, fileName);
+      const assetPath = (0, import_path2.resolve)(candidate, fileName);
       try {
         await (0, import_promises.access)(assetPath);
         return assetPath;
@@ -450,7 +479,7 @@ async function getPackagedAssetPath(fileName) {
   );
 }
 function buildStaticBootstrapData(events, screenshotDir, htmlPath) {
-  const screenshotBaseUrl = toBrowserDirPath((0, import_path.relative)((0, import_path.dirname)(htmlPath), (0, import_path.resolve)(screenshotDir)));
+  const screenshotBaseUrl = toBrowserDirPath((0, import_path2.relative)((0, import_path2.dirname)(htmlPath), (0, import_path2.resolve)(screenshotDir)));
   const state = createMutableReportState(screenshotDir);
   for (const event of events) {
     switch (event.type) {
@@ -489,13 +518,13 @@ function buildStaticBootstrapData(events, screenshotDir, htmlPath) {
   return parsedBootstrapData;
 }
 async function writeReportArtifact(options) {
-  const reportHtmlPath = (0, import_path.resolve)(options.reportHtmlPath ?? DEFAULT_REPORT_HTML_PATH);
+  const reportHtmlPath = (0, import_path2.resolve)(options.reportHtmlPath ?? DEFAULT_REPORT_HTML_PATH);
   const [indexHtmlPath, indexJsPath, indexCssPath] = await Promise.all([
     getPackagedAssetPath("index.html"),
     getPackagedAssetPath("index.js"),
     getPackagedAssetPath("index.css")
   ]);
-  await (0, import_promises.mkdir)((0, import_path.dirname)(reportHtmlPath), { recursive: true });
+  await (0, import_promises.mkdir)((0, import_path2.dirname)(reportHtmlPath), { recursive: true });
   const [template, script, stylesheet] = await Promise.all([
     (0, import_promises.readFile)(indexHtmlPath, "utf8"),
     (0, import_promises.readFile)(indexJsPath, "utf8"),
@@ -506,162 +535,6 @@ async function writeReportArtifact(options) {
   await (0, import_promises.writeFile)(reportHtmlPath, html);
 }
 
-// src/snapshot-path-resolver.ts
-var import_crypto = require("crypto");
-var import_path2 = require("path");
-var DEFAULT_SCREENSHOT_TEMPLATE = "{snapshotDir}/{testFileDir}/{testFileName}-snapshots/{arg}{-projectName}{-snapshotSuffix}{ext}";
-var WINDOWS_FILESYSTEM_FRIENDLY_LENGTH = 60;
-function isUnsafeFilePathCharacter(character) {
-  const codePoint = character.codePointAt(0);
-  return codePoint !== void 0 && (codePoint <= 44 || codePoint >= 46 && codePoint <= 47 || codePoint >= 58 && codePoint <= 64 || codePoint >= 91 && codePoint <= 96 || codePoint >= 123 && codePoint <= 127);
-}
-function sanitizeForFilePath(value) {
-  return Array.from(value).reduce(
-    (state, character) => {
-      const unsafeCharacter = isUnsafeFilePathCharacter(character);
-      return unsafeCharacter ? state.previousCharacterWasUnsafe ? state : {
-        value: `${state.value}-`,
-        previousCharacterWasUnsafe: true
-      } : {
-        value: `${state.value}${character}`,
-        previousCharacterWasUnsafe: false
-      };
-    },
-    {
-      value: "",
-      previousCharacterWasUnsafe: false
-    }
-  ).value;
-}
-function trimLongString(value, length = WINDOWS_FILESYSTEM_FRIENDLY_LENGTH) {
-  if (value.length <= length) {
-    return value;
-  }
-  const hash = (0, import_crypto.createHash)("sha1").update(value).digest("hex");
-  const middle = `-${hash.slice(0, 5)}-`;
-  const start = Math.floor((length - middle.length) / 2);
-  const end = length - middle.length - start;
-  return value.slice(0, start) + middle + value.slice(-end);
-}
-function sanitizeFilePathBeforeExtension(filePath, extension = (0, import_path2.extname)(filePath)) {
-  const base = filePath.slice(0, filePath.length - extension.length);
-  return sanitizeForFilePath(base) + extension;
-}
-function addSuffixToFilePath(filePath, suffix) {
-  const extension = (0, import_path2.extname)(filePath);
-  return filePath.slice(0, filePath.length - extension.length) + suffix + extension;
-}
-function normalizedSnapshotDir(config) {
-  return (0, import_path2.resolve)(config.configDir, config.snapshotDir);
-}
-function templateValue(template, token, value) {
-  return template.replace(
-    new RegExp(`\\{(.)?${token}\\}`, "g"),
-    (_, prefix) => value === "" ? "" : `${prefix ?? ""}${value}`
-  );
-}
-function applyTemplate(input, nameArgument, extension) {
-  const template = input.config.toHaveScreenshotPathTemplate ?? input.config.snapshotPathTemplate ?? DEFAULT_SCREENSHOT_TEMPLATE;
-  const relativeTestFilePath = (0, import_path2.relative)(input.config.testDir, input.testFile);
-  const parsed = (0, import_path2.parse)(relativeTestFilePath);
-  const tokens = [
-    ["testDir", input.config.testDir],
-    ["snapshotDir", normalizedSnapshotDir(input.config)],
-    ["snapshotSuffix", input.config.snapshotSuffix],
-    ["testFileDir", parsed.dir],
-    ["platform", process.platform],
-    ["projectName", sanitizeForFilePath(input.config.projectName)],
-    ["testName", ""],
-    ["testFileName", parsed.base],
-    ["testFilePath", relativeTestFilePath],
-    ["arg", nameArgument],
-    ["ext", extension]
-  ];
-  const snapshotPath = tokens.reduce(
-    (currentTemplate, [token, value]) => templateValue(currentTemplate, token, value),
-    template
-  );
-  return (0, import_path2.resolve)(input.config.configDir, snapshotPath);
-}
-function removeExtension(filePath, extension = (0, import_path2.extname)(filePath)) {
-  return filePath.slice(0, filePath.length - extension.length);
-}
-function snapshotNameParts(declaredName) {
-  const extension = (0, import_path2.extname)(declaredName) || ".png";
-  return {
-    extension,
-    filePath: (0, import_path2.extname)(declaredName) === "" ? `${declaredName}${extension}` : declaredName
-  };
-}
-function filePathForOccurrence(filePath, occurrenceIndex) {
-  return occurrenceIndex === 1 ? filePath : addSuffixToFilePath(filePath, `-${occurrenceIndex - 1}`);
-}
-function createResolvedBaselineTarget(input, declaration, nameArgument, extension) {
-  return {
-    visualName: declaration.visualName,
-    attachmentBaseName: declaration.visualName,
-    artifactBaseName: sanitizeForFilePath(declaration.visualName),
-    snapshotPath: applyTemplate(input, nameArgument, extension)
-  };
-}
-function resolveStringCallTarget(input, declaration) {
-  const { extension, filePath } = snapshotNameParts(declaration.declaredName);
-  const occurrenceFilePath = filePathForOccurrence(filePath, declaration.occurrenceIndex);
-  const sanitizedNameWithExtension = sanitizeFilePathBeforeExtension(occurrenceFilePath, extension);
-  const nameArgument = removeExtension(sanitizedNameWithExtension, extension);
-  return createResolvedBaselineTarget(input, declaration, nameArgument, extension);
-}
-function resolveArrayCallTarget(input, declaration) {
-  const { extension, filePath } = snapshotNameParts(declaration.declaredName);
-  const occurrenceFilePath = filePathForOccurrence(filePath, declaration.occurrenceIndex);
-  const nameArgument = (0, import_path2.join)((0, import_path2.dirname)(occurrenceFilePath), (0, import_path2.basename)(occurrenceFilePath, extension));
-  return createResolvedBaselineTarget(input, declaration, nameArgument, extension);
-}
-function resolveNamedTarget(input, declaration) {
-  if (!declaration.declaredName.includes("/")) {
-    return resolveStringCallTarget(input, declaration);
-  }
-  const stringCallTarget = resolveStringCallTarget(input, declaration);
-  const arrayCallTarget = resolveArrayCallTarget(input, declaration);
-  if (stringCallTarget.snapshotPath === arrayCallTarget.snapshotPath) {
-    return stringCallTarget;
-  }
-  if (input.snapshotPathExists === void 0) {
-    return void 0;
-  }
-  const stringCallTargetExists = input.snapshotPathExists(stringCallTarget.snapshotPath);
-  const arrayCallTargetExists = input.snapshotPathExists(arrayCallTarget.snapshotPath);
-  if (stringCallTargetExists === arrayCallTargetExists) {
-    return void 0;
-  }
-  return stringCallTargetExists ? stringCallTarget : arrayCallTarget;
-}
-function reporterTitlesWithoutProjectAndFile(reporterTitlePath) {
-  return reporterTitlePath.slice(3).filter((part) => part !== "");
-}
-function anonymousName(reporterTitlePath, occurrenceIndex) {
-  const rawAnonymousName = `${reporterTitlesWithoutProjectAndFile(reporterTitlePath).join(" ")} ${occurrenceIndex}.png`;
-  return sanitizeFilePathBeforeExtension(trimLongString(rawAnonymousName), ".png");
-}
-function resolveTarget(input, declaration) {
-  switch (declaration.kind) {
-    case "named":
-      return typeof declaration.declaredName === "string" && declaration.declaredName !== "" ? resolveNamedTarget(input, declaration) : void 0;
-    case "unnamed": {
-      const anonymousFileName = anonymousName(input.reporterTitlePath, declaration.occurrenceIndex);
-      const extension = ".png";
-      const nameArgument = (0, import_path2.join)((0, import_path2.dirname)(anonymousFileName), (0, import_path2.basename)(anonymousFileName, extension));
-      return createResolvedBaselineTarget(input, declaration, nameArgument, extension);
-    }
-  }
-}
-function resolveBaselineTargets(input) {
-  return input.declarations.flatMap((declaration) => {
-    const resolvedTarget = resolveTarget(input, declaration);
-    return resolvedTarget === void 0 ? [] : [resolvedTarget];
-  });
-}
-
 // src/reporter-artifact-ops.ts
 var CURRENT_DIRECTORY_ARTIFACT_SEGMENT = "+dot+";
 var PARENT_DIRECTORY_ARTIFACT_SEGMENT = "+dotdot+";
@@ -823,7 +696,187 @@ function extractScreenshotDeclarations(steps) {
   return state.declarations;
 }
 
+// src/snapshot-path-resolver.ts
+var import_crypto = require("crypto");
+var import_path4 = require("path");
+var DEFAULT_SCREENSHOT_TEMPLATE = "{snapshotDir}/{testFileDir}/{testFileName}-snapshots/{arg}{-projectName}{-snapshotSuffix}{ext}";
+var WINDOWS_FILESYSTEM_FRIENDLY_LENGTH = 60;
+function isUnsafeFilePathCharacter(character) {
+  const codePoint = character.codePointAt(0);
+  return codePoint !== void 0 && (codePoint <= 44 || codePoint >= 46 && codePoint <= 47 || codePoint >= 58 && codePoint <= 64 || codePoint >= 91 && codePoint <= 96 || codePoint >= 123 && codePoint <= 127);
+}
+function sanitizeForFilePath(value) {
+  return Array.from(value).reduce(
+    (state, character) => {
+      const unsafeCharacter = isUnsafeFilePathCharacter(character);
+      return unsafeCharacter ? state.previousCharacterWasUnsafe ? state : {
+        value: `${state.value}-`,
+        previousCharacterWasUnsafe: true
+      } : {
+        value: `${state.value}${character}`,
+        previousCharacterWasUnsafe: false
+      };
+    },
+    {
+      value: "",
+      previousCharacterWasUnsafe: false
+    }
+  ).value;
+}
+function trimLongString(value, length = WINDOWS_FILESYSTEM_FRIENDLY_LENGTH) {
+  if (value.length <= length) {
+    return value;
+  }
+  const hash = (0, import_crypto.createHash)("sha1").update(value).digest("hex");
+  const middle = `-${hash.slice(0, 5)}-`;
+  const start = Math.floor((length - middle.length) / 2);
+  const end = length - middle.length - start;
+  return value.slice(0, start) + middle + value.slice(-end);
+}
+function sanitizeFilePathBeforeExtension(filePath, extension = (0, import_path4.extname)(filePath)) {
+  const base = filePath.slice(0, filePath.length - extension.length);
+  return sanitizeForFilePath(base) + extension;
+}
+function addSuffixToFilePath(filePath, suffix) {
+  const extension = (0, import_path4.extname)(filePath);
+  return filePath.slice(0, filePath.length - extension.length) + suffix + extension;
+}
+function normalizedSnapshotDir(config) {
+  return (0, import_path4.resolve)(config.configDir, config.snapshotDir);
+}
+function templateValue(template, token, value) {
+  return template.replace(
+    new RegExp(`\\{(.)?${token}\\}`, "g"),
+    (_, prefix) => value === "" ? "" : `${prefix ?? ""}${value}`
+  );
+}
+function applyTemplate(input, nameArgument, extension) {
+  const template = input.config.toHaveScreenshotPathTemplate ?? input.config.snapshotPathTemplate ?? DEFAULT_SCREENSHOT_TEMPLATE;
+  const relativeTestFilePath = (0, import_path4.relative)(input.config.testDir, input.testFile);
+  const parsed = (0, import_path4.parse)(relativeTestFilePath);
+  const tokens = [
+    ["testDir", input.config.testDir],
+    ["snapshotDir", normalizedSnapshotDir(input.config)],
+    ["snapshotSuffix", input.config.snapshotSuffix],
+    ["testFileDir", parsed.dir],
+    ["platform", process.platform],
+    ["projectName", sanitizeForFilePath(input.config.projectName)],
+    ["testName", ""],
+    ["testFileName", parsed.base],
+    ["testFilePath", relativeTestFilePath],
+    ["arg", nameArgument],
+    ["ext", extension]
+  ];
+  const snapshotPath = tokens.reduce(
+    (currentTemplate, [token, value]) => templateValue(currentTemplate, token, value),
+    template
+  );
+  return (0, import_path4.resolve)(input.config.configDir, snapshotPath);
+}
+function removeExtension(filePath, extension = (0, import_path4.extname)(filePath)) {
+  return filePath.slice(0, filePath.length - extension.length);
+}
+function snapshotNameParts(declaredName) {
+  const extension = (0, import_path4.extname)(declaredName) || ".png";
+  return {
+    extension,
+    filePath: (0, import_path4.extname)(declaredName) === "" ? `${declaredName}${extension}` : declaredName
+  };
+}
+function filePathForOccurrence(filePath, occurrenceIndex) {
+  return occurrenceIndex === 1 ? filePath : addSuffixToFilePath(filePath, `-${occurrenceIndex - 1}`);
+}
+function createResolvedBaselineTarget(input, declaration, nameArgument, extension) {
+  return {
+    visualName: declaration.visualName,
+    attachmentBaseName: declaration.visualName,
+    artifactBaseName: sanitizeForFilePath(declaration.visualName),
+    snapshotPath: applyTemplate(input, nameArgument, extension)
+  };
+}
+function resolveStringCallTarget(input, declaration) {
+  const { extension, filePath } = snapshotNameParts(declaration.declaredName);
+  const occurrenceFilePath = filePathForOccurrence(filePath, declaration.occurrenceIndex);
+  const sanitizedNameWithExtension = sanitizeFilePathBeforeExtension(occurrenceFilePath, extension);
+  const nameArgument = removeExtension(sanitizedNameWithExtension, extension);
+  return createResolvedBaselineTarget(input, declaration, nameArgument, extension);
+}
+function resolveArrayCallTarget(input, declaration) {
+  const { extension, filePath } = snapshotNameParts(declaration.declaredName);
+  const occurrenceFilePath = filePathForOccurrence(filePath, declaration.occurrenceIndex);
+  const nameArgument = (0, import_path4.join)((0, import_path4.dirname)(occurrenceFilePath), (0, import_path4.basename)(occurrenceFilePath, extension));
+  return createResolvedBaselineTarget(input, declaration, nameArgument, extension);
+}
+function resolveNamedTarget(input, declaration) {
+  if (!declaration.declaredName.includes("/")) {
+    return resolveStringCallTarget(input, declaration);
+  }
+  const stringCallTarget = resolveStringCallTarget(input, declaration);
+  const arrayCallTarget = resolveArrayCallTarget(input, declaration);
+  if (stringCallTarget.snapshotPath === arrayCallTarget.snapshotPath) {
+    return stringCallTarget;
+  }
+  if (input.snapshotPathExists === void 0) {
+    return void 0;
+  }
+  const stringCallTargetExists = input.snapshotPathExists(stringCallTarget.snapshotPath);
+  const arrayCallTargetExists = input.snapshotPathExists(arrayCallTarget.snapshotPath);
+  if (stringCallTargetExists === arrayCallTargetExists) {
+    return void 0;
+  }
+  return stringCallTargetExists ? stringCallTarget : arrayCallTarget;
+}
+function reporterTitlesWithoutProjectAndFile(reporterTitlePath) {
+  return reporterTitlePath.slice(3).filter((part) => part !== "");
+}
+function anonymousNameFromTitles(titles, occurrenceIndex) {
+  return sanitizeFilePathBeforeExtension(trimLongString(`${titles.join(" ")} ${occurrenceIndex}.png`), ".png");
+}
+function anonymousName(reporterTitlePath, occurrenceIndex) {
+  return anonymousNameFromTitles(reporterTitlesWithoutProjectAndFile(reporterTitlePath), occurrenceIndex);
+}
+function playwrightAnonymousVisualName(reporterTitlePath, occurrenceIndex) {
+  const titles = reporterTitlesWithoutProjectAndFile(reporterTitlePath);
+  return titles.length === 0 ? null : removeExtension(anonymousNameFromTitles(titles, occurrenceIndex), ".png");
+}
+function resolveTarget(input, declaration) {
+  switch (declaration.kind) {
+    case "named":
+      return typeof declaration.declaredName === "string" && declaration.declaredName !== "" ? resolveNamedTarget(input, declaration) : void 0;
+    case "unnamed": {
+      const anonymousFileName = anonymousName(input.reporterTitlePath, declaration.occurrenceIndex);
+      const extension = ".png";
+      const nameArgument = (0, import_path4.join)((0, import_path4.dirname)(anonymousFileName), (0, import_path4.basename)(anonymousFileName, extension));
+      return createResolvedBaselineTarget(input, declaration, nameArgument, extension);
+    }
+  }
+}
+function withResolvedVisualNames(declarations, reporterTitlePath) {
+  return declarations.map((declaration) => {
+    if (declaration.kind !== "unnamed") {
+      return declaration;
+    }
+    const resolvedName = playwrightAnonymousVisualName(reporterTitlePath, declaration.occurrenceIndex);
+    return resolvedName === null ? declaration : { ...declaration, visualName: resolvedName };
+  });
+}
+function resolveBaselineTargets(input) {
+  return input.declarations.flatMap((declaration) => {
+    const resolvedTarget = resolveTarget(input, declaration);
+    return resolvedTarget === void 0 ? [] : [resolvedTarget];
+  });
+}
+
 // src/reporter.ts
+function collectNativeImageAttachments(result) {
+  return result.attachments.filter(
+    (attachment) => attachment.contentType === "image/png" && attachment.path !== void 0
+  ).map((attachment) => ({
+    name: attachment.name,
+    path: attachment.path,
+    contentType: attachment.contentType
+  }));
+}
 var CrvyRprtr = class {
   ws = null;
   serverUrl;
@@ -838,8 +891,9 @@ var CrvyRprtr = class {
   playwrightSnapshotPathTemplate;
   playwrightToHaveScreenshotPathTemplate;
   isOfflineMode = false;
-  hadOfflineMode = false;
   runEvents = [];
+  ci;
+  pendingArtifacts = [];
   constructor(options = {}) {
     this.serverUrl = options.serverUrl ?? "ws://localhost:3000";
     this.screenshotDir = options.screenshotDir ?? "./screenshots";
@@ -849,12 +903,18 @@ var CrvyRprtr = class {
     this.playwrightSnapshotDir = options.playwrightSnapshotDir;
     this.playwrightSnapshotPathTemplate = options.playwrightSnapshotPathTemplate;
     this.playwrightToHaveScreenshotPathTemplate = options.playwrightToHaveScreenshotPathTemplate;
+    this.ci = options.ci ?? isCI();
+    if (this.ci) {
+      this.isOfflineMode = true;
+    }
   }
   async onBegin(config, suite) {
-    this.configDir = config.configFile === void 0 ? config.rootDir : (0, import_path4.dirname)(config.configFile);
+    this.configDir = config.configFile === void 0 ? config.rootDir : (0, import_path5.dirname)(config.configFile);
     log(`[CrvyRprtr] Starting run with ${suite.allTests().length} tests`);
     await (0, import_promises3.mkdir)(this.screenshotDir, { recursive: true });
-    this.connect();
+    if (!this.ci) {
+      this.connect();
+    }
   }
   connect() {
     const WebSocketConstructor = globalThis.WebSocket;
@@ -886,7 +946,7 @@ var CrvyRprtr = class {
   }
   enableOfflineMode() {
     if (this.isOfflineMode) return;
-    this.isOfflineMode = this.hadOfflineMode = true;
+    this.isOfflineMode = true;
     log("[CrvyRprtr] Offline mode enabled - events will be queued to file");
   }
   describeTitlePath(test) {
@@ -911,24 +971,36 @@ var CrvyRprtr = class {
       }
     });
   }
-  async onTestEnd(test, result) {
-    const screenshotDeclarations = extractScreenshotDeclarations(result.steps);
-    const savedAttachments = await saveAttachments(this.screenshotDir, test.id, result);
+  onTestEnd(test, result) {
+    const reporterTitlePath = this.testMetadata.get(test.id)?.reporterTitlePath ?? this.reporterTitlePath(test);
+    const screenshotDeclarations = withResolvedVisualNames(
+      extractScreenshotDeclarations(result.steps),
+      reporterTitlePath
+    );
+    const nativeAttachments = collectNativeImageAttachments(result);
+    const data = {
+      id: test.id,
+      title: test.title,
+      status: result.status,
+      attachments: nativeAttachments,
+      visualNames: screenshotDeclarations.map(({ visualName }) => visualName),
+      visualDeclarations: screenshotDeclarations,
+      error: result.errors.length > 0 ? result.errors[0]?.message : void 0,
+      duration: result.duration
+    };
     try {
-      await this.copySnapshotBaselines(test, result.status, screenshotDeclarations, savedAttachments);
-      this.send({
-        type: "test-end",
-        data: {
-          id: test.id,
-          title: test.title,
+      if (this.ci) {
+        const baselineInput = result.status === "passed" ? this.baselineInput(test, screenshotDeclarations) : null;
+        const resolvedTargets = baselineInput === null ? [] : resolveBaselineTargets(baselineInput);
+        this.pendingArtifacts.push({
+          testId: test.id,
           status: result.status,
-          attachments: savedAttachments,
-          visualNames: screenshotDeclarations.map(({ visualName }) => visualName),
-          visualDeclarations: screenshotDeclarations,
-          error: result.errors.length > 0 ? result.errors[0]?.message : void 0,
-          duration: result.duration
-        }
-      });
+          resolvedTargets,
+          nativeAttachments,
+          eventData: data
+        });
+      }
+      this.send({ type: "test-end", data });
     } finally {
       this.testMetadata.delete(test.id);
     }
@@ -953,25 +1025,40 @@ var CrvyRprtr = class {
       snapshotPathExists: import_fs.existsSync
     };
   }
-  async copySnapshotBaselines(test, status, screenshotDeclarations, savedAttachments) {
-    if (status !== "passed" || screenshotDeclarations.length === 0) return;
-    const input = this.baselineInput(test, screenshotDeclarations);
-    if (input === null) return;
-    const targets = resolveBaselineTargets(input);
-    if (targets.length === 0) return;
-    const safeTestId = sanitizeId(test.id);
-    const testScreenshotDir = (0, import_path4.join)(this.screenshotDir, safeTestId);
+  async copyBaselinesForTargets(testId, status, resolvedTargets, savedAttachments) {
+    if (status !== "passed" || resolvedTargets.length === 0) return;
+    const safeTestId = sanitizeId(testId);
+    const testScreenshotDir = (0, import_path5.join)(this.screenshotDir, safeTestId);
     const limit = (0, import_p_limit2.default)(5);
     await Promise.all(
-      targets.map(
+      resolvedTargets.map(
         (target) => limit(() => copyResolvedBaseline(safeTestId, testScreenshotDir, target, savedAttachments))
       )
     );
   }
   async onEnd(result) {
     this.send({ type: "run-end", data: { status: result.status } });
-    await writeStaticArtifact(this.runEvents, this.screenshotDir, this.reportHtmlPath);
-    if (this.hadOfflineMode) await writeOfflineReport(this.runEvents, this.offlineReportPath, this.workerIndex);
+    if (this.ci) {
+      const limit = (0, import_p_limit2.default)(10);
+      await Promise.all(
+        this.pendingArtifacts.map(
+          (pending) => limit(async () => {
+            const savedAttachments = await saveAttachments(this.screenshotDir, pending.testId, {
+              attachments: pending.nativeAttachments
+            });
+            await this.copyBaselinesForTargets(
+              pending.testId,
+              pending.status,
+              pending.resolvedTargets,
+              savedAttachments
+            );
+            pending.eventData.attachments = savedAttachments;
+          })
+        )
+      );
+      await writeStaticArtifact(this.runEvents, this.screenshotDir, this.reportHtmlPath);
+      await writeOfflineReport(this.runEvents, this.offlineReportPath, this.workerIndex);
+    }
     await new Promise((resolve3) => {
       if (!this.ws || this.ws.readyState === WebSocket.CLOSED) {
         resolve3();

package/dist/reporter.d.ts

@@ -7,6 +7,7 @@ export interface CrvyRprtrOptions {
     playwrightSnapshotDir?: string;
     playwrightSnapshotPathTemplate?: string;
     playwrightToHaveScreenshotPathTemplate?: string;
+    ci?: boolean;
 }
 export declare class CrvyRprtr implements Reporter {
     private ws;
@@ -22,8 +23,9 @@ export declare class CrvyRprtr implements Reporter {
     private playwrightSnapshotPathTemplate?;
     private playwrightToHaveScreenshotPathTemplate?;
     private isOfflineMode;
-    private hadOfflineMode;
     private runEvents;
+    private readonly ci;
+    private pendingArtifacts;
     constructor(options?: CrvyRprtrOptions);
     onBegin(config: FullConfig, suite: Suite): Promise<void>;
     private connect;
@@ -31,9 +33,9 @@ export declare class CrvyRprtr implements Reporter {
     private describeTitlePath;
     private reporterTitlePath;
     onTestBegin(test: TestCase): void;
-    onTestEnd(test: TestCase, result: TestResult): Promise<void>;
+    onTestEnd(test: TestCase, result: TestResult): void;
     private baselineInput;
-    private copySnapshotBaselines;
+    private copyBaselinesForTargets;
     onEnd(result: FullResult): Promise<void>;
     private send;
 }

package/dist/reporter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reporter.d.ts","sourceRoot":"","sources":["../src/reporter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAgB9G,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,sCAAsC,CAAC,EAAE,MAAM,CAAA;CAChD;AAED,qBAAa,SAAU,YAAW,QAAQ;IACxC,OAAO,CAAC,EAAE,CAAyB;IACnC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,iBAAiB,CAAQ;IACjC,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,YAAY,CAAqD;IACzE,OAAO,CAAC,qBAAqB,CAAC,CAAQ;IACtC,OAAO,CAAC,8BAA8B,CAAC,CAAQ;IAC/C,OAAO,CAAC,sCAAsC,CAAC,CAAQ;IACvD,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,SAAS,CAAiB;gBAEtB,OAAO,GAAE,gBAAqB;IAWpC,OAAO,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAO9D,OAAO,CAAC,OAAO;IA6Bf,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IAMzB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAc3B,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBlE,OAAO,CAAC,aAAa;YAqBP,qBAAqB;IAqB7B,KAAK,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAoB9C,OAAO,CAAC,IAAI;CAUb;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"reporter.d.ts","sourceRoot":"","sources":["../src/reporter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAqB9G,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,sCAAsC,CAAC,EAAE,MAAM,CAAA;IAC/C,EAAE,CAAC,EAAE,OAAO,CAAA;CACb;AAuBD,qBAAa,SAAU,YAAW,QAAQ;IACxC,OAAO,CAAC,EAAE,CAAyB;IACnC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,iBAAiB,CAAQ;IACjC,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,YAAY,CAAqD;IACzE,OAAO,CAAC,qBAAqB,CAAC,CAAQ;IACtC,OAAO,CAAC,8BAA8B,CAAC,CAAQ;IAC/C,OAAO,CAAC,sCAAsC,CAAC,CAAQ;IACvD,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAS;IAC5B,OAAO,CAAC,gBAAgB,CAAgC;gBAE5C,OAAO,GAAE,gBAAqB;IAepC,OAAO,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAS9D,OAAO,CAAC,OAAO;IA6Bf,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IAMzB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAcjC,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI;IAmCnD,OAAO,CAAC,aAAa;YAqBP,uBAAuB;IAiB/B,KAAK,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAyC9C,OAAO,CAAC,IAAI;CAUb;AAED,eAAe,SAAS,CAAA"}