vitest-plugin-vis 1.1.0 → 1.2.0

package/esm/client/match_image_snapshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"match_image_snapshot.d.ts","sourceRoot":"","sources":["../../src/client/match_image_snapshot.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAIlC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAA;AAO5F,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,2BAA2B,iBAuCvG;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,GAAG,OAOrD"}
+{"version":3,"file":"match_image_snapshot.d.ts","sourceRoot":"","sources":["../../src/client/match_image_snapshot.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAIlC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAA;AAO5F,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,2BAA2B,iBAgDvG;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,GAAG,OAOrD"}

package/esm/client/match_image_snapshot.js

@@ -2,8 +2,8 @@ import { commands } from '@vitest/browser/context';
 import dedent from 'dedent';
 import { resolve } from 'pathe';
 import { isBase64String } from "../shared/base64.js";
+import { compareImage } from "../shared/compare_image.js";
 import { alignImagesToSameSize } from "./align_images.js";
-import { compareImage } from "./compare_image.js";
 import { toDataURL, toImageData } from "./image_data.js";
 import { prettifyOptions } from "./match_image_snapshot.logic.js";
 import { convertElementToCssSelector } from "./selector.js";
@@ -17,7 +17,9 @@ export async function matchImageSnapshot(test, subject, options) {
     const baselineImage = await toImageData(info.baseline);
     const resultImage = await toImageData(info.result);
     const [baselineAlignedImage, resultAlignedImage] = alignImagesToSameSize(baselineImage, resultImage);
-    const { pass, diffAmount, diffImage } = compareImage(baselineAlignedImage, resultAlignedImage, options);
+    const { width, height } = baselineAlignedImage;
+    const diffImage = new ImageData(width, height);
+    const { pass, diffAmount } = compareImage(baselineAlignedImage.data, resultAlignedImage.data, diffImage.data, width, height, options);
     if (pass)
         return;
     if (server.config.snapshotOptions.updateSnapshot === 'all') {

package/esm/config/vis.d.ts

@@ -17,7 +17,7 @@ export declare function vis(options?: VisOptions): {
                     hasImageSnapshot: import("vitest/node").BrowserCommand<[taskId: string, snapshotId?: string | undefined]>;
                     matchImageSnapshot: import("vitest/node").BrowserCommand<[taskId: string, subject: string, options?: import("../commands.ts").MatchImageSnapshotOptions | undefined]>;
                     prepareImageSnapshotComparison: import("vitest/node").BrowserCommand<[taskId: string, snapshotId: string, options?: import("../commands.ts").MatchImageSnapshotOptions | undefined]>;
-                    writeImageSnapshot: import("vitest/node").BrowserCommand<[filePath: string, base64: string]>;
+                    writeImageSnapshot: import("vitest/node").BrowserCommand<[relativeFilePath: string, imageBase64: string]>;
                 };
             };
             setupFiles: string[] | undefined;

package/esm/presets/auto.d.ts

@@ -1,2 +1,2 @@
-import 'vitest-browser-react';
+export {};
 //# sourceMappingURL=auto.d.ts.map

package/esm/presets/auto.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auto.d.ts","sourceRoot":"","sources":["../../src/presets/auto.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA"}
+{"version":3,"file":"auto.d.ts","sourceRoot":"","sources":["../../src/presets/auto.ts"],"names":[],"mappings":""}

package/esm/presets/auto.js

@@ -1,3 +1,2 @@
-import 'vitest-browser-react';
 import { vis } from "../setup/vis.js";
 vis.presets.auto();

package/esm/presets/manual.d.ts

@@ -1,2 +1,2 @@
-import 'vitest-browser-react';
+export {};
 //# sourceMappingURL=manual.d.ts.map

package/esm/presets/manual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manual.d.ts","sourceRoot":"","sources":["../../src/presets/manual.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA"}
+{"version":3,"file":"manual.d.ts","sourceRoot":"","sources":["../../src/presets/manual.ts"],"names":[],"mappings":""}

package/esm/presets/manual.js

@@ -1,3 +1,2 @@
-import 'vitest-browser-react';
 import { vis } from "../setup/vis.js";
 vis.presets.manual();

package/esm/server/commands/_assertions.d.ts

@@ -0,0 +1,5 @@
+import type { RequiredPick } from 'type-plus';
+import type { BrowserCommandContext } from 'vitest/node';
+export declare function assertTestPathDefined(context: BrowserCommandContext, commandName: string): asserts context is RequiredPick<BrowserCommandContext, 'testPath'>;
+export declare function assertIsRelativePath(relativeFilePath: string, propName: string): void;
+//# sourceMappingURL=_assertions.d.ts.map

package/esm/server/commands/_assertions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_assertions.d.ts","sourceRoot":"","sources":["../../../src/server/commands/_assertions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,wBAAgB,qBAAqB,CACpC,OAAO,EAAE,qBAAqB,EAC9B,WAAW,EAAE,MAAM,GACjB,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,qBAAqB,EAAE,UAAU,CAAC,CAIpE;AAED,wBAAgB,oBAAoB,CAAC,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAI9E"}

package/esm/server/commands/_assertions.js

@@ -0,0 +1,11 @@
+import { isAbsolute } from 'pathe';
+export function assertTestPathDefined(context, commandName) {
+    if (!context.testPath) {
+        throw new Error(`'commands.${commandName}' requires testPath to be defined`);
+    }
+}
+export function assertIsRelativePath(relativeFilePath, propName) {
+    if (isAbsolute(relativeFilePath)) {
+        throw new Error(`'${propName}' must be a relative path`);
+    }
+}

package/esm/server/commands/extend.d.ts

@@ -14,6 +14,6 @@ export declare const commands: {
     hasImageSnapshot: import("vitest/node").BrowserCommand<[taskId: string, snapshotId?: string | undefined]>;
     matchImageSnapshot: import("vitest/node").BrowserCommand<[taskId: string, subject: string, options?: import("./match_image_snapshot.ts").MatchImageSnapshotOptions | undefined]>;
     prepareImageSnapshotComparison: import("vitest/node").BrowserCommand<[taskId: string, snapshotId: string, options?: import("./match_image_snapshot.ts").MatchImageSnapshotOptions | undefined]>;
-    writeImageSnapshot: import("vitest/node").BrowserCommand<[filePath: string, base64: string]>;
+    writeImageSnapshot: import("vitest/node").BrowserCommand<[relativeFilePath: string, imageBase64: string]>;
 };
 //# sourceMappingURL=extend.d.ts.map

package/esm/server/commands/has_image_snapshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"has_image_snapshot.d.ts","sourceRoot":"","sources":["../../../src/server/commands/has_image_snapshot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGjD,MAAM,WAAW,uBAAuB;IACvC,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;CACnF;AAED,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAU9F,CAAA"}
+{"version":3,"file":"has_image_snapshot.d.ts","sourceRoot":"","sources":["../../../src/server/commands/has_image_snapshot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD,MAAM,WAAW,uBAAuB;IACvC,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;CACnF;AAED,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAQ9F,CAAA"}

package/esm/server/commands/has_image_snapshot.js

@@ -1,7 +1,6 @@
 import { visContext } from "../vis_context.js";
+import { assertTestPathDefined } from "./_assertions.js";
 export const hasImageSnapshot = async (context, taskId, snapshotId) => {
-    if (!context.testPath) {
-        throw new Error('Cannot take snapshot without testPath');
-    }
+    assertTestPathDefined(context, 'hasImageSnapshot');
     return visContext.hasImageSnapshot(context.testPath, taskId, snapshotId);
 };

package/esm/server/commands/image_snapshot_next_index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image_snapshot_next_index.d.ts","sourceRoot":"","sources":["../../../src/server/commands/image_snapshot_next_index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGjD,MAAM,WAAW,6BAA6B;IAC7C;;OAEG;IACH,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;CACvD;AAED,eAAO,MAAM,sBAAsB,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAMnE,CAAA"}
+{"version":3,"file":"image_snapshot_next_index.d.ts","sourceRoot":"","sources":["../../../src/server/commands/image_snapshot_next_index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD,MAAM,WAAW,6BAA6B;IAC7C;;OAEG;IACH,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;CACvD;AAED,eAAO,MAAM,sBAAsB,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAInE,CAAA"}

package/esm/server/commands/image_snapshot_next_index.js

@@ -1,7 +1,6 @@
 import { visContext } from "../vis_context.js";
+import { assertTestPathDefined } from "./_assertions.js";
 export const imageSnapshotNextIndex = async (context, taskId) => {
-    if (!context.testPath) {
-        throw new Error('Cannot take snapshot without testPath');
-    }
+    assertTestPathDefined(context, 'imageSnapshotNextIndex');
     return visContext.getTaskCount(context.testPath, taskId);
 };

package/esm/server/commands/match_image_snapshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"match_image_snapshot.d.ts","sourceRoot":"","sources":["../../../src/server/commands/match_image_snapshot.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD,OAAO,KAAK,EACX,2BAA2B,EAC3B,sBAAsB,EACtB,2BAA2B,EAC3B,MAAM,uBAAuB,CAAA;AAM9B,MAAM,WAAW,yBAAyB;IACzC,kBAAkB,EAAE,CACnB,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS,KAC3C,OAAO,CAAC,IAAI,CAAC,CAAA;CAClB;AAED,MAAM,WAAW,yBAChB,SAAQ,2BAA2B,EAClC,sBAAsB,EACtB,2BAA2B;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAC9C;IAAC,MAAM,EAAE,MAAM;IAAE,OAAO,EAAE,MAAM;IAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS;CAAC,CAiElF,CAAA"}
+{"version":3,"file":"match_image_snapshot.d.ts","sourceRoot":"","sources":["../../../src/server/commands/match_image_snapshot.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAKjD,OAAO,KAAK,EACX,2BAA2B,EAC3B,sBAAsB,EACtB,2BAA2B,EAC3B,MAAM,uBAAuB,CAAA;AAM9B,MAAM,WAAW,yBAAyB;IACzC,kBAAkB,EAAE,CACnB,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS,KAC3C,OAAO,CAAC,IAAI,CAAC,CAAA;CAClB;AAED,MAAM,WAAW,yBAChB,SAAQ,2BAA2B,EAClC,sBAAsB,EACtB,2BAA2B;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAC9C;IAAC,MAAM,EAAE,MAAM;IAAE,OAAO,EAAE,MAAM;IAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS;CAAC,CAuElF,CAAA"}

package/esm/server/commands/match_image_snapshot.js

@@ -3,16 +3,15 @@ import ci from 'is-ci';
 import { resolve } from 'pathe';
 import { PNG } from 'pngjs';
 import { isBase64String } from "../../shared/base64.js";
+import { compareImage } from "../../shared/compare_image.js";
 import { getMaxSize } from "../../shared/get_max_size.js";
 import { isSameSize } from "../../shared/is_same_size.js";
-import { compareImage } from "../compare_image.js";
 import { file } from "../file.js";
 import { takeSnapshot, takeSnapshotByBrowser, writeSnapshot, writeSnapshotBuffer } from "../snapshot.js";
 import { visContext } from "../vis_context.js";
+import { assertTestPathDefined } from "./_assertions.js";
 export const matchImageSnapshot = async (context, taskId, subject, options) => {
-    if (!context.testPath) {
-        throw new Error('Cannot match snapshot without testPath');
-    }
+    assertTestPathDefined(context, 'matchImageSnapshot');
     // vitest:browser passes in `null` when not defined
     if (!options)
         options = {};
@@ -32,7 +31,9 @@ export const matchImageSnapshot = async (context, taskId, subject, options) => {
     const baselineImage = PNG.sync.read(baselineBuffer, { skipRescale: true, checkCRC: false });
     const resultImage = PNG.sync.read(resultBuffer, { skipRescale: true, checkCRC: false });
     const [baselineAlignedImage, resultAlignedImage] = alignImageSizes(baselineImage, resultImage);
-    const { pass, diffAmount, diffImage } = compareImage(baselineAlignedImage, resultAlignedImage, options);
+    const { width, height } = baselineAlignedImage;
+    const diffImage = new PNG({ width, height });
+    const { pass, diffAmount } = compareImage(baselineAlignedImage.data, resultAlignedImage.data, diffImage.data, width, height, options);
     if (pass) {
         if (sizeNotChanged(baselineImage, baselineAlignedImage) && sizeNotChanged(resultImage, resultAlignedImage)) {
             return;

package/esm/server/commands/prepare_image_snapshot_comparison.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prepare_image_snapshot_comparison.d.ts","sourceRoot":"","sources":["../../../src/server/commands/prepare_image_snapshot_comparison.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAKjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,KAAK,2BAA2B,GAAG;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,qCAAqC;IACrD,8BAA8B,EAAE,CAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS,KAC3C,OAAO,CAAC,2BAA2B,GAAG,SAAS,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,8BAA8B,EAAE,cAAc,CAC1D;IAAC,MAAM,EAAE,MAAM;IAAE,UAAU,EAAE,MAAM;IAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS;CAAC,CA4BrF,CAAA"}
+{"version":3,"file":"prepare_image_snapshot_comparison.d.ts","sourceRoot":"","sources":["../../../src/server/commands/prepare_image_snapshot_comparison.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAMjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,KAAK,2BAA2B,GAAG;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,qCAAqC;IACrD,8BAA8B,EAAE,CAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS,KAC3C,OAAO,CAAC,2BAA2B,GAAG,SAAS,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,8BAA8B,EAAE,cAAc,CAC1D;IAAC,MAAM,EAAE,MAAM;IAAE,UAAU,EAAE,MAAM;IAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS;CAAC,CA0BrF,CAAA"}

package/esm/server/commands/prepare_image_snapshot_comparison.js

@@ -3,10 +3,9 @@ import { isBase64String } from "../../shared/base64.js";
 import { file } from "../file.js";
 import { takeSnapshot, takeSnapshotByBrowser, writeSnapshot } from "../snapshot.js";
 import { visContext } from "../vis_context.js";
+import { assertTestPathDefined } from "./_assertions.js";
 export const prepareImageSnapshotComparison = async (context, taskId, subject, options) => {
-    if (!context.testPath) {
-        throw new Error('Cannot match snapshot without testPath');
-    }
+    assertTestPathDefined(context, 'prepareImageSnapshotComparison');
     // vitest:browser passes in `null` when not defined
     if (!options)
         options = {};

package/esm/server/commands/setup_vis_suite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup_vis_suite.d.ts","sourceRoot":"","sources":["../../../src/server/commands/setup_vis_suite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGjD,MAAM,WAAW,oBAAoB;IACpC;;;;;;OAMG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,EAAE,CAE5C,CAAA"}
+{"version":3,"file":"setup_vis_suite.d.ts","sourceRoot":"","sources":["../../../src/server/commands/setup_vis_suite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD,MAAM,WAAW,oBAAoB;IACpC;;;;;;OAMG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,EAAE,CAI5C,CAAA"}

package/esm/server/commands/setup_vis_suite.js

@@ -1,4 +1,6 @@
 import { visContext } from "../vis_context.js";
+import { assertTestPathDefined } from "./_assertions.js";
 export const setupVisSuite = async (context) => {
+    assertTestPathDefined(context, 'setupVisSuite');
     await visContext.setupSuite(context);
 };

package/esm/server/commands/write_image_snapshot.d.ts

@@ -1,6 +1,12 @@
 import type { BrowserCommand } from 'vitest/node';
 export interface WriteImageSnapshotCommand {
-    writeImageSnapshot(taskId: string, snapshotId?: string | undefined): Promise<boolean>;
+    /**
+     * Writes the image snapshot to the file system.
+     * @param relativeFilePath The file path to write the image snapshot to.
+     * It is relative to the project root.
+     * @param imageBase64 The base64 encoded image.
+     */
+    writeImageSnapshot(relativeFilePath: string, imageBase64: string): Promise<void>;
 }
-export declare const writeImageSnapshot: BrowserCommand<[filePath: string, base64: string]>;
+export declare const writeImageSnapshot: BrowserCommand<[relativeFilePath: string, imageBase64: string]>;
 //# sourceMappingURL=write_image_snapshot.d.ts.map

package/esm/server/commands/write_image_snapshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"write_image_snapshot.d.ts","sourceRoot":"","sources":["../../../src/server/commands/write_image_snapshot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGjD,MAAM,WAAW,yBAAyB;IACzC,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;CACrF;AAED,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAUjF,CAAA"}
+{"version":3,"file":"write_image_snapshot.d.ts","sourceRoot":"","sources":["../../../src/server/commands/write_image_snapshot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD,MAAM,WAAW,yBAAyB;IACzC;;;;;OAKG;IACH,kBAAkB,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAChF;AAED,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAS9F,CAAA"}

package/esm/server/commands/write_image_snapshot.js

@@ -1,10 +1,9 @@
 import { mkdirp } from 'mkdirp';
-import { dirname } from 'pathe';
+import { dirname, isAbsolute } from 'pathe';
 import { file } from "../file.js";
-export const writeImageSnapshot = async (context, filePath, base64) => {
-    if (!context.testPath) {
-        throw new Error('Cannot take snapshot without testPath');
-    }
-    await mkdirp(dirname(filePath));
-    await file.writeFile(filePath, base64, { encoding: 'base64' });
+import { assertIsRelativePath } from "./_assertions.js";
+export const writeImageSnapshot = async (_, relativeFilePath, imageBase64) => {
+    assertIsRelativePath(relativeFilePath, 'relativeFilePath');
+    await mkdirp(dirname(relativeFilePath));
+    await file.writeFile(relativeFilePath, imageBase64, { encoding: 'base64' });
 };

package/esm/server/vis_context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vis_context.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;sBAC4iD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CADxhD,CAAA"}
+{"version":3,"file":"vis_context.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;sBAC+hD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAD3gD,CAAA"}

package/esm/server/vis_context.logic.d.ts

@@ -11,7 +11,7 @@ export type PartialBrowserCommandContext = {
             hookTimeout: number;
         };
     };
-    testPath: string | undefined;
+    testPath: string;
 };
 export declare function createVisContext(): {
     setOptions(options?: VisOptions): void;

package/esm/server/vis_context.logic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vis_context.logic.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.logic.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAKpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,4BAA4B,GAAG;IAC1C,OAAO,EAAE;QACR,MAAM,EAAE;YACP,IAAI,EAAE,MAAM,CAAA;YACZ,eAAe,EAAE;gBAChB,cAAc,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;aACtC,CAAA;YACD,WAAW,EAAE,MAAM,CAAA;YACnB,WAAW,EAAE,MAAM,CAAA;SACnB,CAAA;KACD,CAAA;IACD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5B,CAAA;AAED,wBAAgB,gBAAgB;yBAMV,UAAU;;;;IAY9B;;;;OAIG;wBACuB,4BAA4B;8BAY5B,MAAM,QAAQ,MAAM,YAAY;QAAE,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE;;;;;2BAiB1E,MAAM,UAAU,MAAM;+BAGlB,MAAM,UAAU,MAAM,kBAAkB,MAAM,GAAG,SAAS;8BAI3D;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,kBAAkB,MAAM,GAAG,SAAS;2BAMlF,MAAM,UAAU,MAAM;;;;;;;;;;EAe9C;AAuBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,UAEhF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU;;;;;;;;EAWjF"}
+{"version":3,"file":"vis_context.logic.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.logic.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAKpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,4BAA4B,GAAG;IAC1C,OAAO,EAAE;QACR,MAAM,EAAE;YACP,IAAI,EAAE,MAAM,CAAA;YACZ,eAAe,EAAE;gBAChB,cAAc,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;aACtC,CAAA;YACD,WAAW,EAAE,MAAM,CAAA;YACnB,WAAW,EAAE,MAAM,CAAA;SACnB,CAAA;KACD,CAAA;IACD,QAAQ,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,gBAAgB;yBAMV,UAAU;;;;IAY9B;;;;OAIG;wBACuB,4BAA4B;8BAY5B,MAAM,QAAQ,MAAM,YAAY;QAAE,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE;;;;;2BAiB1E,MAAM,UAAU,MAAM;+BAGlB,MAAM,UAAU,MAAM,kBAAkB,MAAM,GAAG,SAAS;8BAI3D;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,kBAAkB,MAAM,GAAG,SAAS;2BAMlF,MAAM,UAAU,MAAM;;;;;;;;;;EAe9C;AAuBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,UAEhF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU;;;;;;;;EAWjF"}

package/esm/shared/compare_image.d.ts

@@ -0,0 +1,6 @@
+import type { ImageSnapshotCompareOptions } from './types.ts';
+export declare function compareImage(img1: Uint8ClampedArray | Buffer, img2: Uint8ClampedArray | Buffer, output: Uint8ClampedArray | Buffer, width: number, height: number, { failureThreshold, failureThresholdType, diffOptions }?: ImageSnapshotCompareOptions): {
+    pass: boolean;
+    diffAmount: number;
+};
+//# sourceMappingURL=compare_image.d.ts.map

package/esm/shared/compare_image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare_image.d.ts","sourceRoot":"","sources":["../../src/shared/compare_image.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAA;AAE7D,wBAAgB,YAAY,CAC3B,IAAI,EAAE,iBAAiB,GAAG,MAAM,EAChC,IAAI,EAAE,iBAAiB,GAAG,MAAM,EAChC,MAAM,EAAE,iBAAiB,GAAG,MAAM,EAClC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,gBAAoB,EAAE,oBAA8B,EAAE,WAAW,EAAE,GAAE,2BAAgC;;;EASvG"}

package/esm/shared/compare_image.js

@@ -0,0 +1,10 @@
+import pixelmatch from 'pixelmatch';
+import { convertThresholdUnit } from "./convert_threshold_unit.js";
+export function compareImage(img1, img2, output, width, height, { failureThreshold = 0, failureThresholdType = 'pixel', diffOptions } = {}) {
+    const pixelDiff = pixelmatch(img1, img2, output, width, height, diffOptions);
+    const diffAmount = convertThresholdUnit({ failureThresholdType, width, height }, pixelDiff);
+    return {
+        pass: diffAmount <= failureThreshold,
+        diffAmount,
+    };
+}

package/esm/testing/stubBrowserCommandContext.d.ts

@@ -0,0 +1,3 @@
+import type { BrowserCommandContext } from 'vitest/node';
+export declare const stubBrowserCommandContext: (stub?: import("type-plus").RecursivePartial<BrowserCommandContext> | undefined) => BrowserCommandContext;
+//# sourceMappingURL=stubBrowserCommandContext.d.ts.map

package/esm/testing/stubBrowserCommandContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stubBrowserCommandContext.d.ts","sourceRoot":"","sources":["../../src/testing/stubBrowserCommandContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,eAAO,MAAM,yBAAyB,2GAAwC,CAAA"}

package/esm/testing/stubBrowserCommandContext.js

@@ -0,0 +1,2 @@
+import { stub } from 'type-plus';
+export const stubBrowserCommandContext = stub.build({});

package/esm/testing.d.ts

@@ -1,2 +1,3 @@
 export * from './testing/constants.ts';
+export * from './testing/stubBrowserCommandContext.ts';
 //# sourceMappingURL=testing.d.ts.map

package/esm/testing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../src/testing.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../src/testing.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,wCAAwC,CAAA"}

package/esm/testing.js

@@ -1 +1,2 @@
 export * from "./testing/constants.js";
+export * from "./testing/stubBrowserCommandContext.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitest-plugin-vis",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Vitest visual testing plugin",
   "keywords": [
     "image-snapshot",
@@ -80,6 +80,7 @@
     "@vitest/coverage-v8": "^2.1.8",
     "@vitest/expect": "^2.1.8",
     "cross-env": "^7.0.3",
+    "never-fail": "^1.1.4",
     "npm-run-all2": "^7.0.2",
     "playwright": "^1.49.0",
     "react": "^19.0.0",

package/readme.md

@@ -103,7 +103,7 @@ vis.presets.auto()
 vis.presets.manual()
 
 
-// or capture image snapshot for all stories with `snapshot` tag,
+// or capture image snapshot for all rendering tests
 // for multiple themes (light and dark in this example)
 vis.presets.theme({
 	light() { document.body.classList.remove('dark') },
@@ -115,7 +115,8 @@ vis.presets.theme({
 
 ### Auto Snapshot
 
-By default, the plugin will use the `auto` preset, which will take a snapshot at the end of each test.
+By default, the plugin will use the `auto` preset,
+which will take a snapshot at the end of each test.
 
 You can control how the auto snapshot is taken using the `setAutoSnapshotOptions` function:
 
@@ -153,6 +154,23 @@ describe('nested scope', () => {
 })
 ```
 
+The options are similar to `expect(...).toMatchImageSnapshot(options)`:
+
+```ts
+// enable/disable auto snapshot
+setAutoSnapshotOptions(true /* or false */)
+
+// detailed options
+setAutoSnapshotOptions({
+	enable: true,
+	customizeSnapshotId: (id, index) => `${id}-custom-${index}`,
+	diffOptions: { threshold: 0.01 } // pixelmatch options,
+	failureThreshold: 0.01,
+	failureThresholdType: 'percent',
+	timeout: 15000
+})
+```
+
 ### Manual Snapshot
 
 You can also set the preset to `manual` and compare snapshots manually:

package/src/client/match_image_snapshot.ts

@@ -3,8 +3,8 @@ import dedent from 'dedent'
 import { resolve } from 'pathe'
 import type { Task } from 'vitest'
 import { isBase64String } from '../shared/base64.ts'
+import { compareImage } from '../shared/compare_image.ts'
 import { alignImagesToSameSize } from './align_images.ts'
-import { compareImage } from './compare_image.ts'
 import type { ToMatchImageSnapshotOptions } from './expect/to_match_image_snapshot.types.ts'
 import { toDataURL, toImageData } from './image_data.ts'
 import { prettifyOptions } from './match_image_snapshot.logic.ts'
@@ -25,7 +25,16 @@ export async function matchImageSnapshot(test: Task, subject: any, options?: ToM
 	const baselineImage = await toImageData(info.baseline)
 	const resultImage = await toImageData(info.result)
 	const [baselineAlignedImage, resultAlignedImage] = alignImagesToSameSize(baselineImage, resultImage)
-	const { pass, diffAmount, diffImage } = compareImage(baselineAlignedImage, resultAlignedImage, options)
+	const { width, height } = baselineAlignedImage
+	const diffImage = new ImageData(width, height)
+	const { pass, diffAmount } = compareImage(
+		baselineAlignedImage.data,
+		resultAlignedImage.data,
+		diffImage.data,
+		width,
+		height,
+		options,
+	)
 	if (pass) return
 	if (server.config.snapshotOptions.updateSnapshot === 'all') {
 		await writeSnapshot(info.baselinePath, resultImage)

package/src/presets/auto.ts

@@ -1,4 +1,3 @@
-import 'vitest-browser-react'
 import { vis } from '../setup/vis.ts'
 
 vis.presets.auto()

package/src/presets/manual.ts

@@ -1,4 +1,3 @@
-import 'vitest-browser-react'
 import { vis } from '../setup/vis.ts'
 
 vis.presets.manual()

package/src/server/commands/_assertions.ts

@@ -0,0 +1,18 @@
+import { isAbsolute } from 'pathe'
+import type { RequiredPick } from 'type-plus'
+import type { BrowserCommandContext } from 'vitest/node'
+
+export function assertTestPathDefined(
+	context: BrowserCommandContext,
+	commandName: string,
+): asserts context is RequiredPick<BrowserCommandContext, 'testPath'> {
+	if (!context.testPath) {
+		throw new Error(`'commands.${commandName}' requires testPath to be defined`)
+	}
+}
+
+export function assertIsRelativePath(relativeFilePath: string, propName: string) {
+	if (isAbsolute(relativeFilePath)) {
+		throw new Error(`'${propName}' must be a relative path`)
+	}
+}

package/src/server/commands/has_image_snapshot.ts

@@ -1,5 +1,6 @@
 import type { BrowserCommand } from 'vitest/node'
 import { visContext } from '../vis_context.ts'
+import { assertTestPathDefined } from './_assertions.ts'
 
 export interface HasImageSnapshotCommand {
 	hasImageSnapshot(taskId: string, snapshotId?: string | undefined): Promise<boolean>
@@ -10,9 +11,7 @@ export const hasImageSnapshot: BrowserCommand<[taskId: string, snapshotId?: stri
 	taskId,
 	snapshotId,
 ) => {
-	if (!context.testPath) {
-		throw new Error('Cannot take snapshot without testPath')
-	}
+	assertTestPathDefined(context, 'hasImageSnapshot')
 
 	return visContext.hasImageSnapshot(context.testPath, taskId, snapshotId)
 }

package/src/server/commands/image_snapshot_next_index.ts

@@ -1,5 +1,6 @@
 import type { BrowserCommand } from 'vitest/node'
 import { visContext } from '../vis_context.ts'
+import { assertTestPathDefined } from './_assertions.ts'
 
 export interface ImageSnapshotNextIndexCommand {
 	/**
@@ -9,9 +10,7 @@ export interface ImageSnapshotNextIndexCommand {
 }
 
 export const imageSnapshotNextIndex: BrowserCommand<[taskId: string]> = async (context, taskId) => {
-	if (!context.testPath) {
-		throw new Error('Cannot take snapshot without testPath')
-	}
+	assertTestPathDefined(context, 'imageSnapshotNextIndex')
 
 	return visContext.getTaskCount(context.testPath, taskId)
 }

package/src/server/commands/match_image_snapshot.ts

@@ -4,6 +4,7 @@ import { resolve } from 'pathe'
 import { PNG } from 'pngjs'
 import type { BrowserCommand } from 'vitest/node'
 import { isBase64String } from '../../shared/base64.ts'
+import { compareImage } from '../../shared/compare_image.ts'
 import { getMaxSize } from '../../shared/get_max_size.ts'
 import { isSameSize } from '../../shared/is_same_size.ts'
 import type {
@@ -11,10 +12,10 @@ import type {
 	ImageSnapshotIdOptions,
 	ImageSnapshotTimeoutOptions,
 } from '../../shared/types.ts'
-import { compareImage } from '../compare_image.ts'
 import { file } from '../file.ts'
 import { takeSnapshot, takeSnapshotByBrowser, writeSnapshot, writeSnapshotBuffer } from '../snapshot.ts'
 import { visContext } from '../vis_context.ts'
+import { assertTestPathDefined } from './_assertions.ts'
 
 export interface MatchImageSnapshotCommand {
 	matchImageSnapshot: (
@@ -37,9 +38,7 @@ export interface MatchImageSnapshotOptions
 export const matchImageSnapshot: BrowserCommand<
 	[taskId: string, subject: string, options?: MatchImageSnapshotOptions | undefined]
 > = async (context, taskId, subject, options) => {
-	if (!context.testPath) {
-		throw new Error('Cannot match snapshot without testPath')
-	}
+	assertTestPathDefined(context, 'matchImageSnapshot')
 
 	// vitest:browser passes in `null` when not defined
 	if (!options) options = {}
@@ -60,8 +59,16 @@ export const matchImageSnapshot: BrowserCommand<
 	const baselineImage = PNG.sync.read(baselineBuffer, { skipRescale: true, checkCRC: false })
 	const resultImage = PNG.sync.read(resultBuffer, { skipRescale: true, checkCRC: false })
 	const [baselineAlignedImage, resultAlignedImage] = alignImageSizes(baselineImage, resultImage)
-
-	const { pass, diffAmount, diffImage } = compareImage(baselineAlignedImage, resultAlignedImage, options)
+	const { width, height } = baselineAlignedImage
+	const diffImage = new PNG({ width, height })
+	const { pass, diffAmount } = compareImage(
+		baselineAlignedImage.data,
+		resultAlignedImage.data,
+		diffImage.data,
+		width,
+		height,
+		options,
+	)
 	if (pass) {
 		if (sizeNotChanged(baselineImage, baselineAlignedImage) && sizeNotChanged(resultImage, resultAlignedImage)) {
 			return

package/src/server/commands/prepare_image_snapshot_comparison.ts

@@ -4,6 +4,7 @@ import { isBase64String } from '../../shared/base64.ts'
 import { file } from '../file.ts'
 import { takeSnapshot, takeSnapshotByBrowser, writeSnapshot } from '../snapshot.ts'
 import { visContext } from '../vis_context.ts'
+import { assertTestPathDefined } from './_assertions.ts'
 import type { MatchImageSnapshotOptions } from './match_image_snapshot.ts'
 
 type ImageSnapshotComparisonInfo = {
@@ -26,9 +27,7 @@ export interface PrepareImageSnapshotComparisonCommand {
 export const prepareImageSnapshotComparison: BrowserCommand<
 	[taskId: string, snapshotId: string, options?: MatchImageSnapshotOptions | undefined]
 > = async (context, taskId, subject, options) => {
-	if (!context.testPath) {
-		throw new Error('Cannot match snapshot without testPath')
-	}
+	assertTestPathDefined(context, 'prepareImageSnapshotComparison')
 
 	// vitest:browser passes in `null` when not defined
 	if (!options) options = {}

package/src/server/commands/setup_vis_suite.ts

@@ -1,5 +1,6 @@
 import type { BrowserCommand } from 'vitest/node'
 import { visContext } from '../vis_context.ts'
+import { assertTestPathDefined } from './_assertions.ts'
 
 export interface SetupVisSuiteCommand {
 	/**
@@ -13,5 +14,7 @@ export interface SetupVisSuiteCommand {
 }
 
 export const setupVisSuite: BrowserCommand<[]> = async (context) => {
+	assertTestPathDefined(context, 'setupVisSuite')
+
 	await visContext.setupSuite(context)
 }

package/src/server/commands/write_image_snapshot.ts

@@ -1,20 +1,26 @@
 import { mkdirp } from 'mkdirp'
-import { dirname } from 'pathe'
+import { dirname, isAbsolute } from 'pathe'
 import type { BrowserCommand } from 'vitest/node'
 import { file } from '../file.ts'
+import { assertIsRelativePath } from './_assertions.ts'
 
 export interface WriteImageSnapshotCommand {
-	writeImageSnapshot(taskId: string, snapshotId?: string | undefined): Promise<boolean>
+	/**
+	 * Writes the image snapshot to the file system.
+	 * @param relativeFilePath The file path to write the image snapshot to.
+	 * It is relative to the project root.
+	 * @param imageBase64 The base64 encoded image.
+	 */
+	writeImageSnapshot(relativeFilePath: string, imageBase64: string): Promise<void>
 }
 
-export const writeImageSnapshot: BrowserCommand<[filePath: string, base64: string]> = async (
-	context,
-	filePath,
-	base64,
+export const writeImageSnapshot: BrowserCommand<[relativeFilePath: string, imageBase64: string]> = async (
+	_,
+	relativeFilePath,
+	imageBase64,
 ) => {
-	if (!context.testPath) {
-		throw new Error('Cannot take snapshot without testPath')
-	}
-	await mkdirp(dirname(filePath))
-	await file.writeFile(filePath, base64, { encoding: 'base64' })
+	assertIsRelativePath(relativeFilePath, 'relativeFilePath')
+
+	await mkdirp(dirname(relativeFilePath))
+	await file.writeFile(relativeFilePath, imageBase64, { encoding: 'base64' })
 }

package/src/server/vis_context.logic.ts

@@ -17,7 +17,7 @@ export type PartialBrowserCommandContext = {
 			hookTimeout: number
 		}
 	}
-	testPath: string | undefined
+	testPath: string
 }
 
 export function createVisContext() {
@@ -51,7 +51,7 @@ export function createVisContext() {
 				await globalStateReady
 			}
 
-			const { suiteId, suite } = createSuite(state, context.testPath!, visOptions)
+			const { suiteId, suite } = createSuite(state, context.testPath, visOptions)
 			state.suites[suiteId] = suite
 			await Promise.allSettled([ctx.rimraf(suite.diffDir), ctx.rimraf(suite.resultDir)])
 		},

package/src/shared/compare_image.ts

@@ -0,0 +1,20 @@
+import pixelmatch from 'pixelmatch'
+import { convertThresholdUnit } from './convert_threshold_unit.ts'
+import type { ImageSnapshotCompareOptions } from './types.ts'
+
+export function compareImage(
+	img1: Uint8ClampedArray | Buffer,
+	img2: Uint8ClampedArray | Buffer,
+	output: Uint8ClampedArray | Buffer,
+	width: number,
+	height: number,
+	{ failureThreshold = 0, failureThresholdType = 'pixel', diffOptions }: ImageSnapshotCompareOptions = {},
+) {
+	const pixelDiff = pixelmatch(img1, img2, output, width, height, diffOptions)
+	const diffAmount = convertThresholdUnit({ failureThresholdType, width, height }, pixelDiff)
+
+	return {
+		pass: diffAmount <= failureThreshold,
+		diffAmount,
+	}
+}

package/src/testing/stubBrowserCommandContext.ts

@@ -0,0 +1,4 @@
+import { stub } from 'type-plus'
+import type { BrowserCommandContext } from 'vitest/node'
+
+export const stubBrowserCommandContext = stub.build<BrowserCommandContext>({})

package/src/testing.ts

@@ -1 +1,2 @@
 export * from './testing/constants.ts'
+export * from './testing/stubBrowserCommandContext.ts'

package/esm/client/compare_image.d.ts

@@ -1,7 +0,0 @@
-import type { ImageSnapshotCompareOptions } from '../shared/types.ts';
-export declare function compareImage(baselineImage: ImageData, resultImage: ImageData, { failureThreshold, failureThresholdType, diffOptions }?: ImageSnapshotCompareOptions): {
-    pass: boolean;
-    diffAmount: number;
-    diffImage: ImageData;
-};
-//# sourceMappingURL=compare_image.d.ts.map

package/esm/client/compare_image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compare_image.d.ts","sourceRoot":"","sources":["../../src/client/compare_image.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAErE,wBAAgB,YAAY,CAC3B,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,SAAS,EACtB,EAAE,gBAAoB,EAAE,oBAA8B,EAAE,WAAW,EAAE,GAAE,2BAAgC;;;;EAavG"}

package/esm/client/compare_image.js

@@ -1,13 +0,0 @@
-import pixelmatch from 'pixelmatch';
-import { convertThresholdUnit } from "../shared/convert_threshold_unit.js";
-export function compareImage(baselineImage, resultImage, { failureThreshold = 0, failureThresholdType = 'pixel', diffOptions } = {}) {
-    const { width, height } = resultImage;
-    const diffImage = new ImageData(width, height);
-    const pixelDiff = pixelmatch(resultImage.data, baselineImage.data, diffImage.data, width, height, diffOptions);
-    const diffAmount = convertThresholdUnit({ failureThresholdType, width, height }, pixelDiff);
-    return {
-        pass: diffAmount <= failureThreshold,
-        diffAmount,
-        diffImage,
-    };
-}

package/esm/server/commands/is_ci.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=is_ci.d.ts.map

package/esm/server/commands/is_ci.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"is_ci.d.ts","sourceRoot":"","sources":["../../../src/server/commands/is_ci.ts"],"names":[],"mappings":""}

package/esm/server/commands/is_ci.js

@@ -1,6 +0,0 @@
-// import ci from 'is-ci'
-export {};
-// export interface IsCICommand {
-// 	isCI: () => Promise<boolean>
-// }
-// export const isCI = async () => ci

package/esm/server/compare_image.d.ts

@@ -1,8 +0,0 @@
-import { PNG } from 'pngjs';
-import type { ImageSnapshotCompareOptions } from '../shared/types.ts';
-export declare function compareImage(baselineImage: PNG, resultImage: PNG, { failureThreshold, failureThresholdType, diffOptions }?: ImageSnapshotCompareOptions): {
-    pass: boolean;
-    diffAmount: number;
-    diffImage: PNG;
-};
-//# sourceMappingURL=compare_image.d.ts.map

package/esm/server/compare_image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compare_image.d.ts","sourceRoot":"","sources":["../../src/server/compare_image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAErE,wBAAgB,YAAY,CAC3B,aAAa,EAAE,GAAG,EAClB,WAAW,EAAE,GAAG,EAChB,EAAE,gBAAoB,EAAE,oBAA8B,EAAE,WAAW,EAAE,GAAE,2BAAgC;;;;EAyBvG"}

package/esm/server/compare_image.js

@@ -1,16 +0,0 @@
-import pixelmatch from 'pixelmatch';
-import { PNG } from 'pngjs';
-import { convertThresholdUnit } from "../shared/convert_threshold_unit.js";
-export function compareImage(baselineImage, resultImage, { failureThreshold = 0, failureThresholdType = 'pixel', diffOptions } = {}) {
-    const diffImage = new PNG({
-        width: baselineImage.width,
-        height: baselineImage.height,
-    });
-    const pixelDiff = pixelmatch(resultImage.data, baselineImage.data, diffImage.data, baselineImage.width, baselineImage.height, diffOptions);
-    const diffAmount = convertThresholdUnit({ failureThresholdType, width: baselineImage.width, height: baselineImage.height }, pixelDiff);
-    return {
-        pass: diffAmount <= failureThreshold,
-        diffAmount,
-        diffImage,
-    };
-}

package/src/client/compare_image.ts

@@ -1,21 +0,0 @@
-import pixelmatch from 'pixelmatch'
-import { convertThresholdUnit } from '../shared/convert_threshold_unit.ts'
-import type { ImageSnapshotCompareOptions } from '../shared/types.ts'
-
-export function compareImage(
-	baselineImage: ImageData,
-	resultImage: ImageData,
-	{ failureThreshold = 0, failureThresholdType = 'pixel', diffOptions }: ImageSnapshotCompareOptions = {},
-) {
-	const { width, height } = resultImage
-	const diffImage = new ImageData(width, height)
-
-	const pixelDiff = pixelmatch(resultImage.data, baselineImage.data, diffImage.data, width, height, diffOptions)
-	const diffAmount = convertThresholdUnit({ failureThresholdType, width, height }, pixelDiff)
-
-	return {
-		pass: diffAmount <= failureThreshold,
-		diffAmount,
-		diffImage,
-	}
-}

package/src/server/commands/is_ci.ts

@@ -1,7 +0,0 @@
-// import ci from 'is-ci'
-
-// export interface IsCICommand {
-// 	isCI: () => Promise<boolean>
-// }
-
-// export const isCI = async () => ci

package/src/server/compare_image.ts

@@ -1,34 +0,0 @@
-import pixelmatch from 'pixelmatch'
-import { PNG } from 'pngjs'
-import { convertThresholdUnit } from '../shared/convert_threshold_unit.ts'
-import type { ImageSnapshotCompareOptions } from '../shared/types.ts'
-
-export function compareImage(
-	baselineImage: PNG,
-	resultImage: PNG,
-	{ failureThreshold = 0, failureThresholdType = 'pixel', diffOptions }: ImageSnapshotCompareOptions = {},
-) {
-	const diffImage = new PNG({
-		width: baselineImage.width,
-		height: baselineImage.height,
-	})
-
-	const pixelDiff = pixelmatch(
-		resultImage.data,
-		baselineImage.data,
-		diffImage.data,
-		baselineImage.width,
-		baselineImage.height,
-		diffOptions,
-	)
-	const diffAmount = convertThresholdUnit(
-		{ failureThresholdType, width: baselineImage.width, height: baselineImage.height },
-		pixelDiff,
-	)
-
-	return {
-		pass: diffAmount <= failureThreshold,
-		diffAmount,
-		diffImage,
-	}
-}