vitest-plugin-vis 2.3.2 → 2.4.0

package/esm/client/image_snapshot_matcher.d.ts

@@ -1,9 +1,9 @@
+import type { BrowserCommands } from '@vitest/browser/context';
 import type { ImageSnapshotNextIndexCommand } from '../commands.ts';
 import type { PrepareImageSnapshotComparisonCommand } from '../server/commands/prepare_image_snapshot_comparison.ts';
-import type { WriteImageSnapshotCommand } from '../server/commands/write_image_snapshot.ts';
 import type { ToMatchImageSnapshotOptions } from '../shared/types.ts';
 import type { CurrentTest } from './vitest_suite_proxy.ts';
-export declare function imageSnapshotMatcher(commands: PrepareImageSnapshotComparisonCommand & WriteImageSnapshotCommand & ImageSnapshotNextIndexCommand): (test: CurrentTest & {}, subject: any, options?: ToMatchImageSnapshotOptions<any>) => Promise<void>;
+export declare function imageSnapshotMatcher(commands: BrowserCommands & PrepareImageSnapshotComparisonCommand & ImageSnapshotNextIndexCommand): (test: CurrentTest & {}, subject: any, options?: ToMatchImageSnapshotOptions<any>) => Promise<void>;
 /**
  * @deprecated internalized. Use `matchImageSnapshot` directly instead.
  */

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":"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"}
+{"version":3,"file":"image_snapshot_matcher.d.ts","sourceRoot":"","sources":["../../src/client/image_snapshot_matcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAG9D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,yDAAyD,CAAA;AAGpH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAOrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE1D,wBAAgB,oBAAoB,CACnC,QAAQ,EAAE,eAAe,GAAG,qCAAqC,GAAG,6BAA6B,UAG1F,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

@@ -37,10 +37,10 @@ export function imageSnapshotMatcher(commands) {
             return;
         }
         if (server.config.snapshotOptions.updateSnapshot === 'all' && !options?.expectToFail) {
-            await writeSnapshot(commands, info.baselinePath, resultImage);
+            await writeSnapshot(commands, resolve(info.projectRoot, info.baselinePath), resultImage);
             return;
         }
-        await writeSnapshot(commands, info.diffPath, diffImage);
+        await writeSnapshot(commands, resolve(info.projectRoot, info.diffPath), diffImage);
         throw new Error(dedent `Snapshot \`${taskId}\` mismatched
 
 					${options?.failureThreshold
@@ -70,7 +70,7 @@ export function parseImageSnapshotSubject(subject) {
 }
 async function writeSnapshot(commands, path, image) {
     const content = (await toDataURL(image)).split(',')[1];
-    return commands.writeImageSnapshot(path, content);
+    return commands.writeFile(path, content, { encoding: 'base64' });
 }
 async function parseImageSnapshotOptions(commands, taskId, isAutoSnapshot, options) {
     const index = await commands.imageSnapshotNextIndex(taskId);

package/esm/client/snapshot_options.js

@@ -13,7 +13,7 @@ export function setAutoSnapshotOptions(...args) {
 }
 function parseArgs(args) {
     return args.length === 1
-        ? [ctx.getCurrentTest() ?? ctx.getCurrentSuite().tasks?.[0]?.file, parseMeta(args[0])]
+        ? [ctx.getCurrentTest() ?? ctx.getCurrentSuite()?.tasks?.[0]?.file, parseMeta(args[0])]
         : [args[0], parseMeta(args[1])];
 }
 function parseMeta(meta) {

package/esm/commands.d.ts

@@ -1,7 +1,6 @@
 export * from './server/commands/has_image_snapshot.ts';
 export * from './server/commands/image_snapshot_next_index.ts';
 export * from './server/commands/match_image_snapshot.ts';
-export * from './server/commands/setup_vis_suite.ts';
 export * from './server/commands/prepare_image_snapshot_comparison.ts';
-export * from './server/commands/write_image_snapshot.ts';
+export * from './server/commands/setup_vis_suite.ts';
 //# sourceMappingURL=commands.d.ts.map

package/esm/commands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../src/commands.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,2CAA2C,CAAA;AACzD,cAAc,sCAAsC,CAAA;AACpD,cAAc,wDAAwD,CAAA;AACtE,cAAc,2CAA2C,CAAA"}
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../src/commands.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,2CAA2C,CAAA;AACzD,cAAc,wDAAwD,CAAA;AACtE,cAAc,sCAAsC,CAAA"}

package/esm/commands.js

@@ -1,6 +1,5 @@
 export * from "./server/commands/has_image_snapshot.js";
 export * from "./server/commands/image_snapshot_next_index.js";
 export * from "./server/commands/match_image_snapshot.js";
-export * from "./server/commands/setup_vis_suite.js";
 export * from "./server/commands/prepare_image_snapshot_comparison.js";
-export * from "./server/commands/write_image_snapshot.js";
+export * from "./server/commands/setup_vis_suite.js";

package/esm/config/types.d.ts

@@ -22,11 +22,11 @@ export type VisOptions<M extends ComparisonMethod = 'pixel'> = ImageSnapshotTime
      */
     snapshotRootDir?: string | ((context: {
         ci: boolean;
-        browserName: string;
+        browserName?: string | undefined;
         providerName: string;
         platform: string;
-        screenshotFailures: boolean | undefined;
-        screenshotDirectory: string | undefined;
+        screenshotFailures?: boolean | undefined;
+        screenshotDirectory?: string | undefined;
     }) => string) | undefined;
     /**
      * Customize the snapshot subpath.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,mBAAmB,EACnB,gBAAgB,EAChB,2BAA2B,EAC3B,sBAAsB,EACtB,2BAA2B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAEhC,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,gBAAgB,GAAG,OAAO,IAAI,2BAA2B,GACzF,sBAAsB,GACtB,2BAA2B,CAAC,CAAC,CAAC,GAC9B,mBAAmB,GAAG;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAC1D;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B;;;;OAIG;IACH,eAAe,CAAC,EACb,MAAM,GACN,CAAC,CAAC,OAAO,EAAE;QACX,EAAE,EAAE,OAAO,CAAA;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAA;QACvC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAA;KACtC,KAAK,MAAM,CAAC,GACb,SAAS,CAAA;IACZ;;;;;;;;;;;;;;;;;;;OAmBG;IACH,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAA;CACtD,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,mBAAmB,EACnB,gBAAgB,EAChB,2BAA2B,EAC3B,sBAAsB,EACtB,2BAA2B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAEhC,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,gBAAgB,GAAG,OAAO,IAAI,2BAA2B,GACzF,sBAAsB,GACtB,2BAA2B,CAAC,CAAC,CAAC,GAC9B,mBAAmB,GAAG;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAC1D;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B;;;;OAIG;IACH,eAAe,CAAC,EACb,MAAM,GACN,CAAC,CAAC,OAAO,EAAE;QACX,EAAE,EAAE,OAAO,CAAA;QACX,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAChC,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KACvC,KAAK,MAAM,CAAC,GACb,SAAS,CAAA;IACZ;;;;;;;;;;;;;;;;;;;OAmBG;IACH,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAA;CACtD,CAAA"}

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;
@@ -18,7 +18,6 @@ export declare function vis<M extends ComparisonMethod = 'pixel'>(options?: VisO
                     hasImageSnapshot: import("vitest/node").BrowserCommand<[taskId: string, snapshotId: string | undefined, isAutoSnapshot: boolean]>;
                     matchImageSnapshot: import("vitest/node").BrowserCommand<[taskId: string, subject: string, isAutoSnapshot: boolean, options?: import("../commands.ts").MatchImageSnapshotOptions | undefined]>;
                     prepareImageSnapshotComparison: import("vitest/node").BrowserCommand<[taskId: string, snapshotId: string, isAutoSnapshot: boolean, options?: import("../commands.ts").MatchImageSnapshotOptions | undefined]>;
-                    writeImageSnapshot: import("vitest/node").BrowserCommand<[relativeFilePath: string, imageBase64: string]>;
                 };
             };
             setupFiles: 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 | undefined;
+                };
+            };
+        };
+    };
+}): 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,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;iBAAE,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,CAAA;CAAE,sBAElH;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/extend.d.ts

@@ -3,9 +3,8 @@ import { type ImageSnapshotNextIndexCommand } from './image_snapshot_next_index.
 import { type MatchImageSnapshotCommand } from './match_image_snapshot.ts';
 import { type PrepareImageSnapshotComparisonCommand } from './prepare_image_snapshot_comparison.ts';
 import { type SetupVisSuiteCommand } from './setup_vis_suite.ts';
-import { type WriteImageSnapshotCommand } from './write_image_snapshot.ts';
 declare module '@vitest/browser/context' {
-    interface BrowserCommands extends SetupVisSuiteCommand, ImageSnapshotNextIndexCommand, HasImageSnapshotCommand, PrepareImageSnapshotComparisonCommand, WriteImageSnapshotCommand, MatchImageSnapshotCommand {
+    interface BrowserCommands extends SetupVisSuiteCommand, ImageSnapshotNextIndexCommand, HasImageSnapshotCommand, PrepareImageSnapshotComparisonCommand, MatchImageSnapshotCommand {
     }
 }
 export declare const commands: {
@@ -14,6 +13,5 @@ export declare const commands: {
     hasImageSnapshot: import("vitest/node").BrowserCommand<[taskId: string, snapshotId: string | undefined, isAutoSnapshot: boolean]>;
     matchImageSnapshot: import("vitest/node").BrowserCommand<[taskId: string, subject: string, isAutoSnapshot: boolean, options?: import("./match_image_snapshot.ts").MatchImageSnapshotOptions | undefined]>;
     prepareImageSnapshotComparison: import("vitest/node").BrowserCommand<[taskId: string, snapshotId: string, isAutoSnapshot: boolean, options?: import("./match_image_snapshot.ts").MatchImageSnapshotOptions | undefined]>;
-    writeImageSnapshot: import("vitest/node").BrowserCommand<[relativeFilePath: string, imageBase64: string]>;
 };
 //# sourceMappingURL=extend.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"extend.d.ts","sourceRoot":"","sources":["../../../src/server/commands/extend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAoB,MAAM,yBAAyB,CAAA;AACxF,OAAO,EAAE,KAAK,6BAA6B,EAA0B,MAAM,gCAAgC,CAAA;AAC3G,OAAO,EAAE,KAAK,yBAAyB,EAAsB,MAAM,2BAA2B,CAAA;AAC9F,OAAO,EACN,KAAK,qCAAqC,EAE1C,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,KAAK,oBAAoB,EAAiB,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,KAAK,yBAAyB,EAAsB,MAAM,2BAA2B,CAAA;AAE9F,OAAO,QAAQ,yBAAyB,CAAC;IACxC,UAAU,eACT,SAAQ,oBAAoB,EAC3B,6BAA6B,EAC7B,uBAAuB,EACvB,qCAAqC,EACrC,yBAAyB,EACzB,yBAAyB;KAAG;CAC9B;AAED,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAA"}
+{"version":3,"file":"extend.d.ts","sourceRoot":"","sources":["../../../src/server/commands/extend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAoB,MAAM,yBAAyB,CAAA;AACxF,OAAO,EAAE,KAAK,6BAA6B,EAA0B,MAAM,gCAAgC,CAAA;AAC3G,OAAO,EAAE,KAAK,yBAAyB,EAAsB,MAAM,2BAA2B,CAAA;AAC9F,OAAO,EACN,KAAK,qCAAqC,EAE1C,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,KAAK,oBAAoB,EAAiB,MAAM,sBAAsB,CAAA;AAE/E,OAAO,QAAQ,yBAAyB,CAAC;IACxC,UAAU,eACT,SAAQ,oBAAoB,EAC3B,6BAA6B,EAC7B,uBAAuB,EACvB,qCAAqC,EACrC,yBAAyB;KAAG;CAC9B;AAED,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAA"}

package/esm/server/commands/extend.js

@@ -3,12 +3,10 @@ import { imageSnapshotNextIndex } from "./image_snapshot_next_index.js";
 import { matchImageSnapshot } from "./match_image_snapshot.js";
 import { prepareImageSnapshotComparison, } from "./prepare_image_snapshot_comparison.js";
 import { setupVisSuite } from "./setup_vis_suite.js";
-import { writeImageSnapshot } from "./write_image_snapshot.js";
 export const commands = {
     setupVisSuite,
     imageSnapshotNextIndex,
     hasImageSnapshot,
     matchImageSnapshot,
     prepareImageSnapshotComparison,
-    writeImageSnapshot,
 };

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/image_snapshot_next_index.js

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

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 = await 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

@@ -2,11 +2,29 @@ import type { BrowserCommand } from 'vitest/node';
 import type { FailureThresholdOptions, ImageSnapshotTimeoutOptions, PixelComparisonOptions, SsimComparisonOptions } from '../../shared/types.ts';
 import type { MatchImageSnapshotOptions } from './match_image_snapshot.ts';
 type ImageSnapshotComparisonInfo = {
+    /**
+     * Path to the project root.
+     */
     projectRoot: string;
+    /**
+     * Path to the baseline image relative to the project root.
+     */
     baselinePath: string;
+    /**
+     * Path to the result image relative to the project root.
+     */
     resultPath: string;
+    /**
+     * Path to the diff image relative to the project root.
+     */
     diffPath: string;
+    /**
+     * Base64 encoded baseline image.
+     */
     baseline: string;
+    /**
+     * Base64 encoded result image.
+     */
     result: string;
 } & ImageSnapshotTimeoutOptions & FailureThresholdOptions & (SsimComparisonOptions | PixelComparisonOptions);
 export interface PrepareImageSnapshotComparisonCommand {

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":"AACA,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;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,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"}

package/esm/server/commands/prepare_image_snapshot_comparison.js

@@ -1,3 +1,4 @@
+import { resolve } from 'pathe';
 import { isBase64String } from "../../shared/base64.js";
 import { file } from "../file.js";
 import { takeSnapshot, takeSnapshotByBrowser, writeSnapshot } from "../snapshot.js";
@@ -9,21 +10,22 @@ 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 baselineBuffer = await file.tryReadFile(info.baselinePath);
+    const projectRoot = context.project.config.root;
+    const info = await visContext.getSnapshotInfo(context, taskId, isAutoSnapshot, options);
+    const baselineBuffer = await file.tryReadFile(resolve(projectRoot, info.baselinePath));
     if (!baselineBuffer) {
         if (isBase64String(subject)) {
-            await writeSnapshot(info.baselinePath, subject);
+            await writeSnapshot(resolve(projectRoot, info.baselinePath), subject);
         }
         else {
-            await takeSnapshotByBrowser(context, info.baselinePath, subject, options);
+            await takeSnapshotByBrowser(context, resolve(projectRoot, info.baselinePath), subject, options);
         }
         return;
     }
-    const resultBuffer = await takeSnapshot(context, info.resultPath, subject, options);
+    const resultBuffer = await takeSnapshot(context, resolve(projectRoot, info.resultPath), subject, options);
     return {
         ...info,
-        projectRoot: context.project.config.root,
+        projectRoot,
         baseline: baselineBuffer.toString('base64'),
         result: resultBuffer.toString('base64'),
     };

package/esm/server/snapshot_path.js

@@ -12,8 +12,8 @@ export function resolveSnapshotRootDir(suite, options) {
         browserName: suite.provider.browserName,
         providerName: suite.provider.name,
         platform: process.platform,
-        screenshotFailures: suite.provider.options.screenshotFailures,
-        screenshotDirectory: suite.provider.options.screenshotDirectory,
+        screenshotFailures: suite.provider.options?.screenshotFailures,
+        screenshotDirectory: suite.provider.options?.screenshotDirectory,
     });
 }
 function getSnapshotRootDir(snapshotRootDir, platform = process.platform) {

package/esm/server/vis_context.d.ts

@@ -1,12 +1,12 @@
 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?: {
+    __test__getState(context: import("./vis_context.types.ts").PartialBrowserCommandContext): Promise<import("./vis_context.types.ts").VisProjectState>;
+    setupSuite(context: import("./vis_context.types.ts").PartialBrowserCommandContext): Promise<import("type-plus").Pick._<import("./vis_context.types.ts").VisProjectState, "subjectDataTestId">>;
+    getSnapshotInfo(browserContext: import("./vis_context.types.ts").PartialBrowserCommandContext, name: string, isAutoSnapshot: boolean, options?: {
         snapshotFileId?: string | undefined;
-    }): {
+    }): Promise<{
         baselinePath: string;
         resultPath: string;
         diffPath: string;
@@ -32,16 +32,17 @@ export declare const visContext: {
             diffColorAlt?: [number, number, number] | undefined;
             diffMask?: boolean | undefined;
         } | undefined;
-    };
-    getTaskCount(testPath: string, taskId: string): number;
-    hasImageSnapshot(testPath: string, taskId: string, snapshotFileId: string | undefined, isAutoSnapshot: boolean): Promise<boolean>;
-    getSnapshotFilename(info: {
+    }>;
+    getTaskCount(browserContext: import("./vis_context.types.ts").PartialBrowserCommandContext, taskId: string): Promise<number>;
+    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;
         };
     }, snapshotFileId: string | undefined, isAutoSnapshot: boolean): string;
-    getSuiteInfo(testPath: string, taskId: string): {
+    getSuiteInfo(browserContext: import("./vis_context.types.ts").PartialBrowserCommandContext, taskId: string): Promise<{
+        projectRoot: string;
         suiteId: string;
         taskId: string;
         baselineDir: string;
@@ -50,6 +51,6 @@ export declare const visContext: {
         task: {
             count: number;
         };
-    };
+    }>;
 };
 //# sourceMappingURL=vis_context.d.ts.map

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;;;;;;;sBACq6D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CADj5D,CAAA"}

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

@@ -1,19 +1,19 @@
 import type { VisOptions } from '../config/types.ts';
-import type { PartialBrowserCommandContext, VisState } from './vis_context.types.ts';
+import type { PartialBrowserCommandContext, VisProjectState } 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;
+    __test__getState(context: PartialBrowserCommandContext): Promise<VisProjectState>;
     /**
      * Setup suite is called on each test file's beforeAll hook.
      * Test files include vitest test files and storybook story files.
      * 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?: {
+    setupSuite(context: PartialBrowserCommandContext): Promise<import("type-plus").Pick._<VisProjectState, "subjectDataTestId">>;
+    getSnapshotInfo(browserContext: PartialBrowserCommandContext, name: string, isAutoSnapshot: boolean, options?: {
         snapshotFileId?: string | undefined;
-    }): {
+    }): Promise<{
         baselinePath: string;
         resultPath: string;
         diffPath: string;
@@ -39,16 +39,17 @@ export declare function createVisContext(): {
             diffColorAlt?: [number, number, number] | undefined;
             diffMask?: boolean | undefined;
         } | undefined;
-    };
-    getTaskCount(testPath: string, taskId: string): number;
-    hasImageSnapshot(testPath: string, taskId: string, snapshotFileId: string | undefined, isAutoSnapshot: boolean): Promise<boolean>;
-    getSnapshotFilename(info: {
+    }>;
+    getTaskCount(browserContext: PartialBrowserCommandContext, taskId: string): Promise<number>;
+    hasImageSnapshot(browserContext: PartialBrowserCommandContext, taskId: string, snapshotFileId: string | undefined, isAutoSnapshot: boolean): Promise<boolean>;
+    getSnapshotFilename(browserContext: PartialBrowserCommandContext, info: {
         taskId: string;
         task: {
             count: number;
         };
     }, snapshotFileId: string | undefined, isAutoSnapshot: boolean): string;
-    getSuiteInfo(testPath: string, taskId: string): {
+    getSuiteInfo(browserContext: PartialBrowserCommandContext, taskId: string): Promise<{
+        projectRoot: string;
         suiteId: string;
         taskId: string;
         baselineDir: string;
@@ -57,9 +58,9 @@ export declare function createVisContext(): {
         task: {
             count: number;
         };
-    };
+    }>;
 };
-export declare function createSuite(state: VisState, testPath: string, options: Pick<VisOptions, 'customizeSnapshotSubpath'>): {
+export declare function createSuite(state: VisProjectState, testPath: string, options: Pick<VisOptions, 'customizeSnapshotSubpath'>): {
     suiteId: string;
     suite: {
         baselineDir: string;
@@ -68,5 +69,5 @@ export declare function createSuite(state: VisState, testPath: string, options:
         tasks: {};
     };
 };
-export declare function getSuiteId(state: VisState, testPath: string, options: Pick<VisOptions, 'customizeSnapshotSubpath'>): string;
+export declare function getSuiteId(state: VisProjectState, testPath: string, options: Pick<VisOptions, 'customizeSnapshotSubpath'>): string;
 //# sourceMappingURL=vis_context.logic.d.ts.map

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,eAAe,EAAY,MAAM,wBAAwB,CAAA;AAErG,wBAAgB,gBAAgB;eAKnB,CAAC,SAAS,OAAO,GAAG,MAAM,eAAe,MAAM,GAAG,SAAS,YAAW,UAAU,CAAC,CAAC,CAAC;oCAG9D,MAAM;;8BAOZ,4BAA4B;IAItD;;;;OAIG;wBACuB,4BAA4B;oCAgBrC,4BAA4B,QACtC,MAAM,kBACI,OAAO,YACb;QAAE,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+Bf,4BAA4B,UAAU,MAAM;qCAI9D,4BAA4B,UACpC,MAAM,kBACE,MAAM,GAAG,SAAS,kBAClB,OAAO;wCAaP,4BAA4B,QACtC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,kBACjC,MAAM,GAAG,SAAS,kBAClB,OAAO;iCAWW,4BAA4B,UAAU,MAAM;;;;;;;;;;;EAmBhF;AAyBD,wBAAgB,WAAW,CAC1B,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,0BAA0B,CAAC;;;;;;;;EAYrD;AAED,wBAAgB,UAAU,CACzB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,0BAA0B,CAAC,UAGrD"}

package/esm/server/vis_context.logic.js

@@ -1,25 +1,27 @@
-import { join, relative } from 'pathe';
+import { join, relative, resolve } 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 state;
-    let globalStateReady;
+    let visOptionsRecord = {};
+    let state = {};
     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 = {};
+            state = {};
         },
-        __test__getState() {
-            return state;
+        __test__getState(context) {
+            const projectRoot = getProjectRoot(context);
+            return state[projectRoot];
         },
         /**
          * Setup suite is called on each test file's beforeAll hook.
@@ -27,55 +29,56 @@ export function createVisContext() {
          * It needs to make sure there is no race condition between the test files.
          */
         async setupSuite(context) {
-            if (!globalStateReady) {
-                globalStateReady = setupState(context, visOptions);
-                state = await globalStateReady;
+            const projectRoot = getProjectRoot(context);
+            if (!state[projectRoot]) {
+                state[projectRoot] = setupState(context, getVisOptions(visOptionsRecord, context) ?? {});
             }
-            else {
-                await globalStateReady;
-            }
-            const { suiteId, suite } = createSuite(state, context.testPath, visOptions);
-            state.suites[suiteId] = suite;
+            const projectState = await state[projectRoot];
+            const { suiteId, suite } = createSuite(projectState, context.testPath, visOptionsRecord);
+            projectState.suites[suiteId] = suite;
             await Promise.allSettled([ctx.rimraf(suite.diffDir), ctx.rimraf(suite.resultDir)]);
-            return pick(state, 'subjectDataTestId');
+            return pick(projectState, 'subjectDataTestId');
         },
-        getSnapshotInfo(testPath, name, isAutoSnapshot, options) {
-            const suiteInfo = context.getSuiteInfo(testPath, name);
-            const snapshotFilename = context.getSnapshotFilename(suiteInfo, options?.snapshotFileId, isAutoSnapshot);
+        async getSnapshotInfo(browserContext, name, isAutoSnapshot, options) {
+            const suiteInfo = await context.getSuiteInfo(browserContext, 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,
             };
         },
-        getTaskCount(testPath, taskId) {
-            return context.getSuiteInfo(testPath, taskId).task.count;
+        async getTaskCount(browserContext, taskId) {
+            return (await context.getSuiteInfo(browserContext, 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)));
+        async hasImageSnapshot(browserContext, taskId, snapshotFileId, isAutoSnapshot) {
+            const info = await context.getSuiteInfo(browserContext, taskId);
+            return file.existFile(resolve(info.projectRoot, 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,
                 isAutoSnapshot,
             })}.png`;
         },
-        getSuiteInfo(testPath, taskId) {
-            const suiteId = getSuiteId(state, testPath, visOptions);
-            const suite = state.suites[suiteId];
+        async getSuiteInfo(browserContext, taskId) {
+            const projectRoot = getProjectRoot(browserContext);
+            const projectState = await state[projectRoot];
+            const suiteId = getSuiteId(projectState, browserContext.testPath, visOptionsRecord);
+            const suite = projectState.suites[suiteId];
             const task = (suite.tasks[taskId] = suite.tasks[taskId] ?? { count: 1 });
             return {
+                projectRoot,
                 suiteId,
                 taskId,
                 baselineDir: suite.baselineDir,
@@ -87,18 +90,18 @@ export function createVisContext() {
     };
     return context;
 }
-async function setupState(suite, visOptions) {
-    const snapshotRootDir = resolveSnapshotRootDir(suite, visOptions);
-    const projectPath = suite.project.config.root;
+async function setupState(browserContext, visOptions) {
+    const snapshotRootDir = resolveSnapshotRootDir(browserContext, visOptions);
+    const projectRoot = getProjectRoot(browserContext);
     const state = {
-        projectPath,
-        testTimeout: suite.project.config.testTimeout,
-        hookTimeout: suite.project.config.hookTimeout,
+        projectRoot,
+        testTimeout: browserContext.project.config.testTimeout,
+        hookTimeout: browserContext.project.config.hookTimeout,
         snapshotRootDir,
         snapshotBaselineDir: join(snapshotRootDir, BASELINE_DIR),
         snapshotResultDir: join(snapshotRootDir, RESULT_DIR),
         snapshotDiffDir: join(snapshotRootDir, DIFF_DIR),
-        snapshotRootPath: join(projectPath, snapshotRootDir),
+        snapshotRootPath: join(projectRoot, snapshotRootDir),
         subjectDataTestId: visOptions.subjectDataTestId,
         suites: {},
     };
@@ -118,5 +121,11 @@ export function createSuite(state, testPath, options) {
     };
 }
 export function getSuiteId(state, testPath, options) {
-    return getSnapshotSubpath(relative(state.projectPath, testPath), options);
+    return getSnapshotSubpath(relative(state.projectRoot, testPath), options);
+}
+function getVisOptions(visOptionsRecord, context) {
+    return visOptionsRecord[getProjectName(context) ?? '__default'];
+}
+function getProjectRoot(context) {
+    return context.project.config.root;
 }