vitest-plugin-vis 2.3.1 → 2.3.3

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

@@ -1 +1 @@
-{"version":3,"file":"image_snapshot_matcher.d.ts","sourceRoot":"","sources":["../../src/client/image_snapshot_matcher.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,yDAAyD,CAAA;AACpH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAA;AAG3F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAOrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE1D,wBAAgB,oBAAoB,CACnC,QAAQ,EAAE,qCAAqC,GAAG,yBAAyB,GAAG,6BAA6B,UAGpG,WAAW,GAAG,EAAE,WACb,GAAG,YACF,2BAA2B,CAAC,GAAG,CAAC,mBAqE3C;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,GAAG,OAOrD"}
+{"version":3,"file":"image_snapshot_matcher.d.ts","sourceRoot":"","sources":["../../src/client/image_snapshot_matcher.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,yDAAyD,CAAA;AACpH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAA;AAG3F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAOrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE1D,wBAAgB,oBAAoB,CACnC,QAAQ,EAAE,qCAAqC,GAAG,yBAAyB,GAAG,6BAA6B,UAGpG,WAAW,GAAG,EAAE,WACb,GAAG,YACF,2BAA2B,CAAC,GAAG,CAAC,mBAqE3C;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,GAAG,OAOrD"}

package/esm/client/image_snapshot_matcher.js

@@ -1,4 +1,3 @@
-import { isA } from '@vitest/expect';
 import dedent from 'dedent';
 import { resolve } from 'pathe';
 import { isBase64String } from "../shared/base64.js";

package/esm/config/vis.d.ts

@@ -8,7 +8,7 @@ import type { VisOptions } from './types.ts';
  */
 export declare function vis<M extends ComparisonMethod = 'pixel'>(options?: VisOptions<M>): {
     name: string;
-    config(this: void): {
+    config(this: void, userConfig: import("vite").UserConfig): {
         test: {
             browser: {
                 name: string;

package/esm/config/vis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vis.d.ts","sourceRoot":"","sources":["../../src/config/vis.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,gBAAgB,GAAG,OAAO,EAAE,OAAO,GAAE,UAAU,CAAC,CAAC,CAA6B;;;;;sBASxE,MAAM;;;;;;;;;;;;;EAQzC"}
+{"version":3,"file":"vis.d.ts","sourceRoot":"","sources":["../../src/config/vis.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,gBAAgB,GAAG,OAAO,EAAE,OAAO,GAAE,UAAU,CAAC,CAAC,CAA6B;;;;;sBAWxE,MAAM;;;;;;;;;;;;;EAQzC"}

package/esm/config/vis.js

@@ -8,11 +8,12 @@ import { NAME } from "../shared/constants.js";
  * which enables the `auto` preset.
  */
 export function vis(options = { preset: 'auto' }) {
-    visContext.setOptions(options);
-    const preset = options?.preset;
     return {
         name: NAME,
-        config() {
+        config(userConfig) {
+            const projectName = userConfig?.test?.name;
+            visContext.setOptions(projectName, options);
+            const preset = options?.preset;
             return {
                 test: {
                     browser: {

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

@@ -0,0 +1,14 @@
+import type { BrowserCommandContext } from 'vitest/node';
+export declare function getProjectName(context: {
+    project: {
+        vite: {
+            config: {
+                test?: {
+                    name: string;
+                };
+            };
+        };
+    };
+}): string | undefined;
+export declare function getBrowserInstanceProjectName(context: BrowserCommandContext): import("vitest/node").ResolvedConfig;
+//# sourceMappingURL=browser_command_context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"browser_command_context.d.ts","sourceRoot":"","sources":["../../../src/server/commands/browser_command_context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,wBAAgB,cAAc,CAAC,OAAO,EAAE;IAAE,OAAO,EAAE;QAAE,IAAI,EAAE;YAAE,MAAM,EAAE;gBAAE,IAAI,CAAC,EAAE;oBAAE,IAAI,EAAE,MAAM,CAAA;iBAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,CAAA;CAAE,sBAErG;AAED,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,qBAAqB,wCAE3E"}

package/esm/server/commands/browser_command_context.js

@@ -0,0 +1,6 @@
+export function getProjectName(context) {
+    return context.project.vite.config.test?.name;
+}
+export function getBrowserInstanceProjectName(context) {
+    return context.project.config;
+}

package/esm/server/commands/has_image_snapshot.js

@@ -2,5 +2,5 @@ import { visContext } from "../vis_context.js";
 import { assertTestPathDefined } from "./_assertions.js";
 export const hasImageSnapshot = async (context, taskId, snapshotId, isAutoSnapshot) => {
     assertTestPathDefined(context, 'hasImageSnapshot');
-    return visContext.hasImageSnapshot(context.testPath, taskId, snapshotId, isAutoSnapshot);
+    return visContext.hasImageSnapshot(context, taskId, snapshotId, isAutoSnapshot);
 };

package/esm/server/commands/match_image_snapshot.js

@@ -15,7 +15,7 @@ export const matchImageSnapshot = async (context, taskId, subject, isAutoSnapsho
     if (!options)
         options = {};
     options.timeout = options.timeout ?? 30000;
-    const info = visContext.getSnapshotInfo(context.testPath, taskId, isAutoSnapshot, options);
+    const info = visContext.getSnapshotInfo(context, taskId, isAutoSnapshot, options);
     const baselineBuffer = await file.tryReadFile(info.baselinePath);
     if (!baselineBuffer) {
         if (isBase64String(subject)) {

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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,KAAK,EACX,uBAAuB,EACvB,2BAA2B,EAC3B,sBAAsB,EACtB,qBAAqB,EACrB,MAAM,uBAAuB,CAAA;AAK9B,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,GAAG,2BAA2B,GAC9B,uBAAuB,GACvB,CAAC,qBAAqB,GAAG,sBAAsB,CAAC,CAAA;AAEjD,MAAM,WAAW,qCAAqC;IACrD,8BAA8B,EAAE,CAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,OAAO,EACvB,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,cAAc,EAAE,OAAO;IAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS;CAAC,CA0B9G,CAAA"}
+{"version":3,"file":"prepare_image_snapshot_comparison.d.ts","sourceRoot":"","sources":["../../../src/server/commands/prepare_image_snapshot_comparison.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,KAAK,EACX,uBAAuB,EACvB,2BAA2B,EAC3B,sBAAsB,EACtB,qBAAqB,EACrB,MAAM,uBAAuB,CAAA;AAK9B,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,GAAG,2BAA2B,GAC9B,uBAAuB,GACvB,CAAC,qBAAqB,GAAG,sBAAsB,CAAC,CAAA;AAEjD,MAAM,WAAW,qCAAqC;IACrD,8BAA8B,EAAE,CAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,OAAO,EACvB,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,cAAc,EAAE,OAAO;IAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS;CAAC,CAyB9G,CAAA"}

package/esm/server/commands/prepare_image_snapshot_comparison.js

@@ -9,7 +9,7 @@ export const prepareImageSnapshotComparison = async (context, taskId, subject, i
     if (!options)
         options = {};
     options.timeout = options.timeout ?? 30000;
-    const info = visContext.getSnapshotInfo(context.testPath, taskId, isAutoSnapshot, options);
+    const info = visContext.getSnapshotInfo(context, taskId, isAutoSnapshot, options);
     const baselineBuffer = await file.tryReadFile(info.baselinePath);
     if (!baselineBuffer) {
         if (isBase64String(subject)) {

package/esm/server/vis_context.d.ts

@@ -1,10 +1,10 @@
 export declare const visContext: {
-    setOptions<M extends "pixel" | "ssim">(options?: import("../config.ts").VisOptions<M>): void;
-    __test__getOptions(): import("../config.ts").VisOptions<any>;
+    setOptions<M extends "pixel" | "ssim">(projectName: string | undefined, options?: import("../config.ts").VisOptions<M>): void;
+    __test__getOptions(projectName: string): import("../config.ts").VisOptions<any> | undefined;
     __test__reset(): void;
     __test__getState(): import("./vis_context.types.ts").VisState;
     setupSuite(context: import("./vis_context.types.ts").PartialBrowserCommandContext): Promise<import("type-plus").Pick._<import("./vis_context.types.ts").VisState, "subjectDataTestId">>;
-    getSnapshotInfo(testPath: string, name: string, isAutoSnapshot: boolean, options?: {
+    getSnapshotInfo(browserContext: import("./vis_context.types.ts").PartialBrowserCommandContext, name: string, isAutoSnapshot: boolean, options?: {
         snapshotFileId?: string | undefined;
     }): {
         baselinePath: string;
@@ -34,8 +34,8 @@ export declare const visContext: {
         } | undefined;
     };
     getTaskCount(testPath: string, taskId: string): number;
-    hasImageSnapshot(testPath: string, taskId: string, snapshotFileId: string | undefined, isAutoSnapshot: boolean): Promise<boolean>;
-    getSnapshotFilename(info: {
+    hasImageSnapshot(browserContext: import("./vis_context.types.ts").PartialBrowserCommandContext, taskId: string, snapshotFileId: string | undefined, isAutoSnapshot: boolean): Promise<boolean>;
+    getSnapshotFilename(browserContext: import("./vis_context.types.ts").PartialBrowserCommandContext, info: {
         taskId: string;
         task: {
             count: number;

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;;;;;;;sBACmgD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAD/+C,CAAA"}
+{"version":3,"file":"vis_context.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;sBAC8wD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAD1vD,CAAA"}

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

@@ -1,8 +1,8 @@
 import type { VisOptions } from '../config/types.ts';
 import type { PartialBrowserCommandContext, VisState } from './vis_context.types.ts';
 export declare function createVisContext(): {
-    setOptions<M extends "pixel" | "ssim">(options?: VisOptions<M>): void;
-    __test__getOptions(): VisOptions<any>;
+    setOptions<M extends "pixel" | "ssim">(projectName: string | undefined, options?: VisOptions<M>): void;
+    __test__getOptions(projectName: string): VisOptions<any> | undefined;
     __test__reset(): void;
     __test__getState(): VisState;
     /**
@@ -11,7 +11,7 @@ export declare function createVisContext(): {
      * It needs to make sure there is no race condition between the test files.
      */
     setupSuite(context: PartialBrowserCommandContext): Promise<import("type-plus").Pick._<VisState, "subjectDataTestId">>;
-    getSnapshotInfo(testPath: string, name: string, isAutoSnapshot: boolean, options?: {
+    getSnapshotInfo(browserContext: PartialBrowserCommandContext, name: string, isAutoSnapshot: boolean, options?: {
         snapshotFileId?: string | undefined;
     }): {
         baselinePath: string;
@@ -41,8 +41,8 @@ export declare function createVisContext(): {
         } | undefined;
     };
     getTaskCount(testPath: string, taskId: string): number;
-    hasImageSnapshot(testPath: string, taskId: string, snapshotFileId: string | undefined, isAutoSnapshot: boolean): Promise<boolean>;
-    getSnapshotFilename(info: {
+    hasImageSnapshot(browserContext: PartialBrowserCommandContext, taskId: string, snapshotFileId: string | undefined, isAutoSnapshot: boolean): Promise<boolean>;
+    getSnapshotFilename(browserContext: PartialBrowserCommandContext, info: {
         taskId: string;
         task: {
             count: number;

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":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAKpD,OAAO,KAAK,EAAE,4BAA4B,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEpF,wBAAgB,gBAAgB;eAMnB,CAAC,SAAS,OAAO,GAAG,MAAM,YAAW,UAAU,CAAC,CAAC,CAAC;;;;IAY7D;;;;OAIG;wBACuB,4BAA4B;8BAc3C,MAAM,QACV,MAAM,kBACI,OAAO,YACb;QAAE,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAmB3B,MAAM,UAAU,MAAM;+BAGlB,MAAM,UAAU,MAAM,kBAAkB,MAAM,GAAG,SAAS,kBAAkB,OAAO;8BAKvG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,kBAEjC,MAAM,GAAG,SAAS,kBAClB,OAAO;2BAUD,MAAM,UAAU,MAAM;;;;;;;;;;EAe9C;AAyBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,0BAA0B,CAAC;;;;;;;;EAWnH;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,0BAA0B,CAAC,UAElH"}
+{"version":3,"file":"vis_context.logic.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.logic.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAMpD,OAAO,KAAK,EAAE,4BAA4B,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEpF,wBAAgB,gBAAgB;eAMnB,CAAC,SAAS,OAAO,GAAG,MAAM,eAAe,MAAM,GAAG,SAAS,YAAW,UAAU,CAAC,CAAC,CAAC;oCAG9D,MAAM;;;IAStC;;;;OAIG;wBACuB,4BAA4B;oCAcrC,4BAA4B,QACtC,MAAM,kBACI,OAAO,YACb;QAAE,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA+B3B,MAAM,UAAU,MAAM;qCAI5B,4BAA4B,UACpC,MAAM,kBACE,MAAM,GAAG,SAAS,kBAClB,OAAO;wCAQP,4BAA4B,QACtC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,kBACjC,MAAM,GAAG,SAAS,kBAClB,OAAO;2BAWD,MAAM,UAAU,MAAM;;;;;;;;;;EAe9C;AAyBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,0BAA0B,CAAC;;;;;;;;EAWnH;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,0BAA0B,CAAC,UAElH"}

package/esm/server/vis_context.logic.js

@@ -1,22 +1,23 @@
 import { join, relative } from 'pathe';
 import { pick } from 'type-plus';
 import { BASELINE_DIR, DIFF_DIR, RESULT_DIR } from "../shared/constants.js";
+import { getProjectName } from "./commands/browser_command_context.js";
 import { file } from "./file.js";
 import { getSnapshotSubpath, resolveSnapshotRootDir } from "./snapshot_path.js";
 import { ctx } from "./vis_context.ctx.js";
 export function createVisContext() {
-    let visOptions = {};
+    let visOptionsRecord = {};
     let state;
     let globalStateReady;
     const context = {
-        setOptions(options = {}) {
-            visOptions = options;
+        setOptions(projectName, options = {}) {
+            visOptionsRecord[projectName ?? '__default'] = options;
         },
-        __test__getOptions() {
-            return visOptions;
+        __test__getOptions(projectName) {
+            return visOptionsRecord[projectName];
         },
         __test__reset() {
-            visOptions = undefined;
+            visOptionsRecord = {};
         },
         __test__getState() {
             return state;
@@ -28,27 +29,27 @@ export function createVisContext() {
          */
         async setupSuite(context) {
             if (!globalStateReady) {
-                globalStateReady = setupState(context, visOptions);
+                globalStateReady = setupState(context, getVisOptions(visOptionsRecord, context) ?? {});
                 state = await globalStateReady;
             }
             else {
                 await globalStateReady;
             }
-            const { suiteId, suite } = createSuite(state, context.testPath, visOptions);
+            const { suiteId, suite } = createSuite(state, context.testPath, visOptionsRecord);
             state.suites[suiteId] = suite;
             await Promise.allSettled([ctx.rimraf(suite.diffDir), ctx.rimraf(suite.resultDir)]);
             return pick(state, 'subjectDataTestId');
         },
-        getSnapshotInfo(testPath, name, isAutoSnapshot, options) {
-            const suiteInfo = context.getSuiteInfo(testPath, name);
-            const snapshotFilename = context.getSnapshotFilename(suiteInfo, options?.snapshotFileId, isAutoSnapshot);
+        getSnapshotInfo(browserContext, name, isAutoSnapshot, options) {
+            const suiteInfo = context.getSuiteInfo(browserContext.testPath, name);
+            const snapshotFilename = context.getSnapshotFilename(browserContext, suiteInfo, options?.snapshotFileId, isAutoSnapshot);
             const { baselineDir, resultDir, diffDir, task } = suiteInfo;
             task.count = task.count + 1;
             const baselinePath = join(baselineDir, snapshotFilename);
             const resultPath = join(resultDir, snapshotFilename);
             const diffPath = join(diffDir, snapshotFilename);
             return {
-                ...pick(visOptions, 'comparisonMethod', 'diffOptions', 'failureThreshold', 'failureThresholdType', 'timeout'),
+                ...pick(getVisOptions(visOptionsRecord, browserContext), 'comparisonMethod', 'diffOptions', 'failureThreshold', 'failureThresholdType', 'timeout'),
                 baselinePath,
                 resultPath,
                 diffPath,
@@ -57,14 +58,14 @@ export function createVisContext() {
         getTaskCount(testPath, taskId) {
             return context.getSuiteInfo(testPath, taskId).task.count;
         },
-        hasImageSnapshot(testPath, taskId, snapshotFileId, isAutoSnapshot) {
-            const info = context.getSuiteInfo(testPath, taskId);
-            return file.existFile(join(info.baselineDir, context.getSnapshotFilename(info, snapshotFileId, isAutoSnapshot)));
+        hasImageSnapshot(browserContext, taskId, snapshotFileId, isAutoSnapshot) {
+            const info = context.getSuiteInfo(browserContext.testPath, taskId);
+            return file.existFile(join(info.baselineDir, context.getSnapshotFilename(browserContext, info, snapshotFileId, isAutoSnapshot)));
         },
-        getSnapshotFilename(info, snapshotFileId, isAutoSnapshot) {
+        getSnapshotFilename(browserContext, info, snapshotFileId, isAutoSnapshot) {
             if (snapshotFileId)
                 return `${snapshotFileId}.png`;
-            const customizeSnapshotId = visOptions.customizeSnapshotId ?? (({ id, index }) => `${id}-${index}`);
+            const customizeSnapshotId = getVisOptions(visOptionsRecord, browserContext).customizeSnapshotId ?? (({ id, index }) => `${id}-${index}`);
             return `${customizeSnapshotId({
                 id: info.taskId,
                 index: info.task.count,
@@ -72,7 +73,7 @@ export function createVisContext() {
             })}.png`;
         },
         getSuiteInfo(testPath, taskId) {
-            const suiteId = getSuiteId(state, testPath, visOptions);
+            const suiteId = getSuiteId(state, testPath, visOptionsRecord);
             const suite = state.suites[suiteId];
             const task = (suite.tasks[taskId] = suite.tasks[taskId] ?? { count: 1 });
             return {
@@ -120,3 +121,6 @@ export function createSuite(state, testPath, options) {
 export function getSuiteId(state, testPath, options) {
     return getSnapshotSubpath(relative(state.projectPath, testPath), options);
 }
+function getVisOptions(visOptionsRecord, context) {
+    return visOptionsRecord[getProjectName(context) ?? '__default'];
+}

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

@@ -27,6 +27,13 @@ export type PartialBrowserCommandContext = {
             testTimeout: number;
             hookTimeout: number;
         };
+        vite: {
+            config: {
+                test?: {
+                    name: string;
+                };
+            };
+        };
     };
     provider: {
         name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"vis_context.types.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACtB,WAAW,EAAE,MAAM,CAAA;IAEnB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,MAAM,EAAE,MAAM,CACb,MAAM,EACN;QACC,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CACZ,MAAM,EACN;YACC,KAAK,EAAE,MAAM,CAAA;SACb,CACD,CAAA;KACD,CACD,CAAA;CACD,CAAA;AACD,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;QACT,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE,MAAM,CAAA;QACnB,OAAO,EAAE;YACR,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;YAC7B,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAA;YACvC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAA;SACvC,CAAA;KACD,CAAA;IACD,QAAQ,EAAE,MAAM,CAAA;CAChB,CAAA"}
+{"version":3,"file":"vis_context.types.d.ts","sourceRoot":"","sources":["../../src/server/vis_context.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACtB,WAAW,EAAE,MAAM,CAAA;IAEnB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,MAAM,EAAE,MAAM,CACb,MAAM,EACN;QACC,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CACZ,MAAM,EACN;YACC,KAAK,EAAE,MAAM,CAAA;SACb,CACD,CAAA;KACD,CACD,CAAA;CACD,CAAA;AACD,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;QACD,IAAI,EAAE;YACL,MAAM,EAAE;gBACP,IAAI,CAAC,EAAE;oBACN,IAAI,EAAE,MAAM,CAAA;iBACZ,CAAA;aACD,CAAA;SACD,CAAA;KACD,CAAA;IACD,QAAQ,EAAE;QACT,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE,MAAM,CAAA;QACnB,OAAO,EAAE;YACR,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;YAC7B,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAA;YACvC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAA;SACvC,CAAA;KACD,CAAA;IACD,QAAQ,EAAE,MAAM,CAAA;CAChB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"stubBrowserCommandContext.d.ts","sourceRoot":"","sources":["../../src/testing/stubBrowserCommandContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAElF,eAAO,MAAM,yBAAyB,2GAAwC,CAAA;AAE9E,wBAAgB,sCAAsC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,2HAY5G"}
+{"version":3,"file":"stubBrowserCommandContext.d.ts","sourceRoot":"","sources":["../../src/testing/stubBrowserCommandContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAElF,eAAO,MAAM,yBAAyB,2GAAwC,CAAA;AAE9E,wBAAgB,sCAAsC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,2HAmB5G"}

package/esm/testing/stubBrowserCommandContext.js

@@ -6,6 +6,13 @@ export function createStubPartialBrowserCommandContext({ root, testPath }) {
             config: {
                 root,
             },
+            vite: {
+                config: {
+                    test: {
+                        name: 'subject',
+                    },
+                },
+            },
         },
         provider: {
             options: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitest-plugin-vis",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "description": "Vitest visual testing plugin",
   "keywords": [
     "image-snapshot",

package/src/client/image_snapshot_matcher.ts

@@ -1,4 +1,3 @@
-import { isA } from '@vitest/expect'
 import dedent from 'dedent'
 import { resolve } from 'pathe'
 import type { ImageSnapshotNextIndexCommand } from '../commands.ts'

package/src/config/vis.ts

@@ -12,11 +12,13 @@ import type { VisOptions } from './types.ts'
  * which enables the `auto` preset.
  */
 export function vis<M extends ComparisonMethod = 'pixel'>(options: VisOptions<M> = { preset: 'auto' } as any) {
-	visContext.setOptions(options)
-	const preset = options?.preset
 	return {
 		name: NAME,
-		config() {
+		config(userConfig) {
+			const projectName = userConfig?.test?.name
+
+			visContext.setOptions(projectName, options)
+			const preset = options?.preset
 			return {
 				test: {
 					browser: {

package/src/server/commands/browser_command_context.ts

@@ -0,0 +1,9 @@
+import type { BrowserCommandContext } from 'vitest/node'
+
+export function getProjectName(context: { project: { vite: { config: { test?: { name: string } } } } }) {
+	return context.project.vite.config.test?.name
+}
+
+export function getBrowserInstanceProjectName(context: BrowserCommandContext) {
+	return context.project.config
+}

package/src/server/commands/has_image_snapshot.ts

@@ -11,5 +11,5 @@ export const hasImageSnapshot: BrowserCommand<
 > = async (context, taskId, snapshotId, isAutoSnapshot) => {
 	assertTestPathDefined(context, 'hasImageSnapshot')
 
-	return visContext.hasImageSnapshot(context.testPath, taskId, snapshotId, isAutoSnapshot)
+	return visContext.hasImageSnapshot(context as any, taskId, snapshotId, isAutoSnapshot)
 }

package/src/server/commands/match_image_snapshot.ts

@@ -43,7 +43,7 @@ export const matchImageSnapshot: BrowserCommand<
 	if (!options) options = {}
 	options.timeout = options.timeout ?? 30000
 
-	const info = visContext.getSnapshotInfo(context.testPath, taskId, isAutoSnapshot, options)
+	const info = visContext.getSnapshotInfo(context as any, taskId, isAutoSnapshot, options)
 	const baselineBuffer = await file.tryReadFile(info.baselinePath)
 	if (!baselineBuffer) {
 		if (isBase64String(subject)) {

package/src/server/commands/prepare_image_snapshot_comparison.ts

@@ -36,12 +36,11 @@ export const prepareImageSnapshotComparison: BrowserCommand<
 	[taskId: string, snapshotId: string, isAutoSnapshot: boolean, options?: MatchImageSnapshotOptions | undefined]
 > = async (context, taskId, subject, isAutoSnapshot, options) => {
 	assertTestPathDefined(context, 'prepareImageSnapshotComparison')
-
 	// vitest:browser passes in `null` when not defined
 	if (!options) options = {}
 	options.timeout = options.timeout ?? 30000
 
-	const info = visContext.getSnapshotInfo(context.testPath, taskId, isAutoSnapshot, options)
+	const info = visContext.getSnapshotInfo(context as any, taskId, isAutoSnapshot, options)
 	const baselineBuffer = await file.tryReadFile(info.baselinePath)
 	if (!baselineBuffer) {
 		if (isBase64String(subject)) {

package/src/server/vis_context.logic.ts

@@ -2,25 +2,26 @@ import { join, relative } from 'pathe'
 import { pick } from 'type-plus'
 import type { VisOptions } from '../config/types.ts'
 import { BASELINE_DIR, DIFF_DIR, RESULT_DIR } from '../shared/constants.ts'
+import { getProjectName } from './commands/browser_command_context.ts'
 import { file } from './file.ts'
 import { getSnapshotSubpath, resolveSnapshotRootDir } from './snapshot_path.ts'
 import { ctx } from './vis_context.ctx.ts'
 import type { PartialBrowserCommandContext, VisState } from './vis_context.types.ts'
 
 export function createVisContext() {
-	let visOptions: VisOptions<any> = {}
+	let visOptionsRecord: Record<string, VisOptions<any>> = {}
 	let state: VisState
 	let globalStateReady: Promise<VisState>
 
 	const context = {
-		setOptions<M extends 'pixel' | 'ssim'>(options: VisOptions<M> = {} as any) {
-			visOptions = options
+		setOptions<M extends 'pixel' | 'ssim'>(projectName: string | undefined, options: VisOptions<M> = {} as any) {
+			visOptionsRecord[projectName ?? '__default'] = options
 		},
-		__test__getOptions() {
-			return visOptions
+		__test__getOptions(projectName: string) {
+			return visOptionsRecord[projectName]
 		},
 		__test__reset() {
-			visOptions = undefined as any
+			visOptionsRecord = {} as any
 		},
 		__test__getState() {
 			return state
@@ -32,25 +33,30 @@ export function createVisContext() {
 		 */
 		async setupSuite(context: PartialBrowserCommandContext) {
 			if (!globalStateReady) {
-				globalStateReady = setupState(context, visOptions)
+				globalStateReady = setupState(context, getVisOptions(visOptionsRecord, context) ?? {})
 				state = await globalStateReady
 			} else {
 				await globalStateReady
 			}
 
-			const { suiteId, suite } = createSuite(state, context.testPath, visOptions)
+			const { suiteId, suite } = createSuite(state, context.testPath, visOptionsRecord)
 			state.suites[suiteId] = suite
 			await Promise.allSettled([ctx.rimraf(suite.diffDir), ctx.rimraf(suite.resultDir)])
 			return pick(state, 'subjectDataTestId')
 		},
 		getSnapshotInfo(
-			testPath: string,
+			browserContext: PartialBrowserCommandContext,
 			name: string,
 			isAutoSnapshot: boolean,
 			options?: { snapshotFileId?: string | undefined },
 		) {
-			const suiteInfo = context.getSuiteInfo(testPath, name)
-			const snapshotFilename = context.getSnapshotFilename(suiteInfo, options?.snapshotFileId, isAutoSnapshot)
+			const suiteInfo = context.getSuiteInfo(browserContext.testPath, name)
+			const snapshotFilename = context.getSnapshotFilename(
+				browserContext,
+				suiteInfo,
+				options?.snapshotFileId,
+				isAutoSnapshot,
+			)
 
 			const { baselineDir, resultDir, diffDir, task } = suiteInfo
 
@@ -60,7 +66,14 @@ export function createVisContext() {
 			const diffPath = join(diffDir, snapshotFilename)
 
 			return {
-				...pick(visOptions, 'comparisonMethod', 'diffOptions', 'failureThreshold', 'failureThresholdType', 'timeout'),
+				...pick(
+					getVisOptions(visOptionsRecord, browserContext),
+					'comparisonMethod',
+					'diffOptions',
+					'failureThreshold',
+					'failureThresholdType',
+					'timeout',
+				),
 				baselinePath,
 				resultPath,
 				diffPath,
@@ -69,18 +82,26 @@ export function createVisContext() {
 		getTaskCount(testPath: string, taskId: string) {
 			return context.getSuiteInfo(testPath, taskId).task.count
 		},
-		hasImageSnapshot(testPath: string, taskId: string, snapshotFileId: string | undefined, isAutoSnapshot: boolean) {
-			const info = context.getSuiteInfo(testPath, taskId)
-			return file.existFile(join(info.baselineDir, context.getSnapshotFilename(info, snapshotFileId, isAutoSnapshot)))
+		hasImageSnapshot(
+			browserContext: PartialBrowserCommandContext,
+			taskId: string,
+			snapshotFileId: string | undefined,
+			isAutoSnapshot: boolean,
+		) {
+			const info = context.getSuiteInfo(browserContext.testPath, taskId)
+			return file.existFile(
+				join(info.baselineDir, context.getSnapshotFilename(browserContext, info, snapshotFileId, isAutoSnapshot)),
+			)
 		},
 		getSnapshotFilename(
+			browserContext: PartialBrowserCommandContext,
 			info: { taskId: string; task: { count: number } },
-
 			snapshotFileId: string | undefined,
 			isAutoSnapshot: boolean,
 		) {
 			if (snapshotFileId) return `${snapshotFileId}.png`
-			const customizeSnapshotId = visOptions.customizeSnapshotId ?? (({ id, index }) => `${id}-${index}`)
+			const customizeSnapshotId =
+				getVisOptions(visOptionsRecord, browserContext).customizeSnapshotId ?? (({ id, index }) => `${id}-${index}`)
 			return `${customizeSnapshotId({
 				id: info.taskId,
 				index: info.task.count,
@@ -88,7 +109,7 @@ export function createVisContext() {
 			})}.png`
 		},
 		getSuiteInfo(testPath: string, taskId: string) {
-			const suiteId = getSuiteId(state, testPath, visOptions)
+			const suiteId = getSuiteId(state, testPath, visOptionsRecord)
 			const suite = state.suites[suiteId]!
 			const task = (suite.tasks[taskId] = suite.tasks[taskId] ?? { count: 1 })
 			return {
@@ -143,3 +164,7 @@ export function createSuite(state: VisState, testPath: string, options: Pick<Vis
 export function getSuiteId(state: VisState, testPath: string, options: Pick<VisOptions, 'customizeSnapshotSubpath'>) {
 	return getSnapshotSubpath(relative(state.projectPath, testPath), options)
 }
+
+function getVisOptions(visOptionsRecord: Record<string, VisOptions<any>>, context: PartialBrowserCommandContext) {
+	return visOptionsRecord[getProjectName(context) ?? '__default']!
+}

package/src/server/vis_context.types.ts

@@ -34,6 +34,13 @@ export type PartialBrowserCommandContext = {
 			testTimeout: number
 			hookTimeout: number
 		}
+		vite: {
+			config: {
+				test?: {
+					name: string
+				}
+			}
+		}
 	}
 	provider: {
 		name: string

package/src/testing/stubBrowserCommandContext.ts

@@ -10,6 +10,13 @@ export function createStubPartialBrowserCommandContext({ root, testPath }: { roo
 			config: {
 				root,
 			},
+			vite: {
+				config: {
+					test: {
+						name: 'subject',
+					},
+				},
+			},
 		},
 		provider: {
 			options: {},