@wdio/visual-service 6.3.3 → 7.0.0

package/dist/service.js

@@ -3,10 +3,12 @@ import { expect } from '@wdio/globals';
 import { dirname, normalize, resolve } from 'node:path';
 import { BaseClass, checkElement, checkFullPageScreen, checkScreen, saveElement, saveFullPageScreen, saveScreen, saveTabbablePage, checkTabbablePage, FOLDERS, DEFAULT_TEST_CONTEXT, } from 'webdriver-image-comparison';
 import { SevereServiceError } from 'webdriverio';
-import { determineNativeContext, enrichTestContext, getFolders, getInstanceData, getNativeContext } from './utils.js';
+import { enrichTestContext, getFolders, getInstanceData, getNativeContext, isBiDiScreenshotSupported, } from './utils.js';
 import { toMatchScreenSnapshot, toMatchFullPageSnapshot, toMatchElementSnapshot, toMatchTabbablePageSnapshot } from './matcher.js';
 import { waitForStorybookComponentToBeLoaded } from './storybook/utils.js';
 import { PAGE_OPTIONS_MAP } from './constants.js';
+import { ContextManager } from './contextManager.js';
+import { wrapWithContext } from './wrapWithContext.js';
 const log = logger('@wdio/visual-service');
 const elementCommands = { saveElement, checkElement };
 const pageCommands = {
@@ -24,11 +26,11 @@ export default class WdioImageComparisonService extends BaseClass {
     #currentFilePath;
     #testContext;
     #browser;
-    _isNativeContext;
+    _contextManager;
+    _contextManagers = new Map();
     constructor(options, _, config) {
         super(options);
         this.#config = config;
-        this._isNativeContext = undefined;
         this.#testContext = DEFAULT_TEST_CONTEXT;
     }
     /**
@@ -39,7 +41,6 @@ export default class WdioImageComparisonService extends BaseClass {
     }
     async before(capabilities, _specs, browser) {
         this.#browser = browser;
-        this._isNativeContext = determineNativeContext(this.#browser);
         if (!this.#browser.isMultiremote) {
             log.info('Adding commands to global browser');
             await this.#addCommandsToBrowser(this.#browser);
@@ -47,9 +48,6 @@ export default class WdioImageComparisonService extends BaseClass {
         else {
             await this.#extendMultiremoteBrowser(capabilities);
         }
-        if (browser.isMultiremote) {
-            this.#setupMultiremoteContextListener();
-        }
         /**
          * add custom matcher for visual comparison when expect has been added.
          * this is not the case in standalone mode
@@ -75,13 +73,6 @@ export default class WdioImageComparisonService extends BaseClass {
     beforeScenario(world) {
         this.#testContext = this.#getTestContext(world);
     }
-    afterCommand(commandName, _args, result, error) {
-        // This is for the cases where in the E2E tests we switch to a WEBVIEW or back to NATIVE_APP context
-        if (commandName === 'getContext' && error === undefined && typeof result === 'string') {
-            // Multiremote logic is handled in the `before` method during an event listener
-            this._isNativeContext = this.#browser?.isMultiremote ? this._isNativeContext : result.includes('NATIVE');
-        }
-    }
     #getBaselineFolder() {
         const isDefaultBaselineFolder = normalize(FOLDERS.DEFAULT.BASE) === this.folders.baselineFolder;
         const baselineFolder = (isDefaultBaselineFolder && this.#currentFilePath ? this.#currentFilePath : this.folders.baselineFolder);
@@ -108,6 +99,8 @@ export default class WdioImageComparisonService extends BaseClass {
         for (const browserName of browserNames) {
             log.info(`Adding commands to Multi Browser: ${browserName}`);
             const browserInstance = browser.getInstance(browserName);
+            const contextManager = new ContextManager(browserInstance);
+            this._contextManagers?.set(browserName, contextManager);
             await this.#addCommandsToBrowser(browserInstance);
         }
         /**
@@ -130,123 +123,179 @@ export default class WdioImageComparisonService extends BaseClass {
      * Add commands to the "normal" browser object
      */
     async #addCommandsToBrowser(currentBrowser) {
-        const instanceData = await getInstanceData(currentBrowser);
-        const isNativeContext = getNativeContext(this.#browser, currentBrowser, this._isNativeContext);
+        this._contextManager = new ContextManager(currentBrowser);
+        currentBrowser.visualService = this;
+        const instanceData = await getInstanceData({
+            currentBrowser,
+            initialDeviceRectangles: this._contextManager.getViewportContext(),
+            isNativeContext: this._contextManager.isNativeContext,
+        });
+        // Update the context manager with the current viewport
+        this._contextManager.setViewPortContext(instanceData.deviceRectangles);
         for (const [commandName, command] of Object.entries(elementCommands)) {
-            this.#addElementCommand(currentBrowser, commandName, command, instanceData, isNativeContext);
+            this.#addElementCommand(currentBrowser, commandName, command, instanceData);
         }
         for (const [commandName, command] of Object.entries(pageCommands)) {
-            this.#addPageCommand(currentBrowser, commandName, command, instanceData, isNativeContext);
+            this.#addPageCommand(currentBrowser, commandName, command, instanceData);
         }
     }
     /**
      * Add new element commands to the browser object
      */
-    #addElementCommand(browser, commandName, command, instanceData, isNativeContext) {
+    #addElementCommand(browser, commandName, command, initialInstanceData) {
         log.info(`Adding element command "${commandName}" to browser object`);
+        const elementOptionsKey = commandName === 'saveElement' ? 'saveElementOptions' : 'checkElementOptions';
         const self = this;
         browser.addCommand(commandName, function (element, tag, elementOptions = {}) {
-            const elementOptionsKey = commandName === 'saveElement' ? 'saveElementOptions' : 'checkElementOptions';
-            return command({
-                methods: {
-                    executor: (script, ...varArgs) => {
-                        return this.execute.bind(browser)(script, ...varArgs);
-                    },
-                    getElementRect: this.getElementRect.bind(browser),
-                    screenShot: this.takeScreenshot.bind(browser),
-                    takeElementScreenshot: this.takeElementScreenshot.bind(browser),
-                },
-                instanceData,
-                folders: getFolders(elementOptions, self.folders, self.#getBaselineFolder()),
-                element,
-                tag,
-                [elementOptionsKey]: {
-                    wic: self.defaultOptions,
-                    method: elementOptions,
-                },
-                isNativeContext,
-                testContext: enrichTestContext({
-                    commandName,
-                    currentTestContext: self.#testContext,
-                    instanceData,
-                    tag,
-                })
+            const wrapped = wrapWithContext({
+                browser,
+                command,
+                contextManager: self.contextManager,
+                getArgs: () => {
+                    const updatedInstanceData = {
+                        ...initialInstanceData,
+                        deviceRectangles: self.contextManager.getViewportContext(),
+                    };
+                    const isCurrentContextNative = self.contextManager.isNativeContext;
+                    return [{
+                            methods: {
+                                executor: (fn, ...args) => {
+                                    return this.execute(fn, ...args);
+                                },
+                                getElementRect: this.getElementRect.bind(this),
+                                screenShot: this.takeScreenshot.bind(this),
+                                takeElementScreenshot: this.takeElementScreenshot.bind(this),
+                            },
+                            instanceData: updatedInstanceData,
+                            folders: getFolders(elementOptions, self.folders, self.#getBaselineFolder()),
+                            element,
+                            tag,
+                            [elementOptionsKey]: {
+                                wic: self.defaultOptions,
+                                method: elementOptions,
+                            },
+                            isNativeContext: isCurrentContextNative,
+                            testContext: enrichTestContext({
+                                commandName,
+                                currentTestContext: self.#testContext,
+                                instanceData: updatedInstanceData,
+                                tag,
+                            }),
+                        }];
+                }
             });
+            return wrapped.call(this);
         });
     }
     /**
      * Add new page commands to the browser object
      */
-    #addPageCommand(browser, commandName, command, instanceData, isNativeContext) {
+    #addPageCommand(browser, commandName, command, initialInstanceData) {
         log.info(`Adding browser command "${commandName}" to browser object`);
         const self = this;
         const pageOptionsKey = PAGE_OPTIONS_MAP[commandName];
         if (commandName === 'waitForStorybookComponentToBeLoaded') {
             browser.addCommand(commandName, (options) => waitForStorybookComponentToBeLoaded(options));
+            return;
         }
-        else {
-            browser.addCommand(commandName, function (tag, pageOptions = {}) {
-                return command({
-                    methods: {
-                        executor: (script, ...varArgs) => {
-                            return this.execute.bind(browser)(script, ...varArgs);
-                        },
-                        getElementRect: this.getElementRect.bind(browser),
-                        screenShot: this.takeScreenshot.bind(browser),
-                    },
-                    instanceData,
-                    folders: getFolders(pageOptions, self.folders, self.#getBaselineFolder()),
-                    tag,
-                    [pageOptionsKey]: {
-                        wic: self.defaultOptions,
-                        method: pageOptions,
-                    },
-                    isNativeContext,
-                    testContext: enrichTestContext({
-                        commandName,
-                        currentTestContext: self.#testContext,
-                        instanceData,
-                        tag,
-                    })
-                });
+        browser.addCommand(commandName, function (tag, pageOptions = {}) {
+            const wrapped = wrapWithContext({
+                browser,
+                command,
+                contextManager: self.contextManager,
+                getArgs: () => {
+                    const updatedInstanceData = {
+                        ...initialInstanceData,
+                        deviceRectangles: self.contextManager.getViewportContext()
+                    };
+                    const isCurrentContextNative = self.contextManager.isNativeContext;
+                    return [{
+                            methods: {
+                                bidiScreenshot: isBiDiScreenshotSupported(browser) ? this.browsingContextCaptureScreenshot.bind(browser) : undefined,
+                                executor: (fn, ...args) => {
+                                    return this.execute(fn, ...args);
+                                },
+                                getElementRect: this.getElementRect.bind(browser),
+                                getWindowHandle: this.getWindowHandle.bind(browser),
+                                screenShot: this.takeScreenshot.bind(browser),
+                            },
+                            instanceData: updatedInstanceData,
+                            folders: getFolders(pageOptions, self.folders, self.#getBaselineFolder()),
+                            tag,
+                            [pageOptionsKey]: {
+                                wic: self.defaultOptions,
+                                method: pageOptions,
+                            },
+                            isNativeContext: isCurrentContextNative,
+                            testContext: enrichTestContext({
+                                commandName,
+                                currentTestContext: self.#testContext,
+                                instanceData: updatedInstanceData,
+                                tag,
+                            }),
+                        }];
+                }
             });
-        }
+            return wrapped.call(this);
+        });
     }
     #addMultiremoteElementCommand(browser, browserNames, commandName, command) {
         log.info(`Adding element command "${commandName}" to Multi browser object`);
         const self = this;
-        browser.addCommand(commandName, async function (element, tag, pageOptions = {}) {
+        browser.addCommand(commandName, async function (element, tag, elementOptions = {}) {
             const returnData = {};
             const elementOptionsKey = commandName === 'saveElement' ? 'saveElementOptions' : 'checkElementOptions';
             for (const browserName of browserNames) {
                 const browserInstance = browser.getInstance(browserName);
-                const isNativeContext = getNativeContext(self.#browser, browserInstance, self._isNativeContext);
-                const instanceData = await getInstanceData(browserInstance);
-                returnData[browserName] = await command({
-                    methods: {
-                        executor: (script, ...varArgs) => {
-                            return browserInstance.execute.bind(browserInstance)(script, ...varArgs);
-                        },
-                        getElementRect: browserInstance.getElementRect.bind(browserInstance),
-                        screenShot: browserInstance.takeScreenshot.bind(browserInstance),
-                        takeElementScreenshot: browserInstance.takeElementScreenshot.bind(browserInstance),
-                    },
-                    instanceData,
-                    folders: getFolders(pageOptions, self.folders, self.#getBaselineFolder()),
-                    tag,
-                    element,
-                    [elementOptionsKey]: {
-                        wic: self.defaultOptions,
-                        method: pageOptions,
-                    },
-                    isNativeContext,
-                    testContext: enrichTestContext({
-                        commandName,
-                        currentTestContext: self.#testContext,
-                        instanceData,
-                        tag,
-                    })
+                const contextManager = self._contextManagers?.get(browserName);
+                if (!contextManager) {
+                    throw new Error(`No ContextManager found for browser instance: ${browserName}`);
+                }
+                const isNativeContext = contextManager.isNativeContext;
+                const initialInstanceData = await getInstanceData({
+                    currentBrowser: browserInstance,
+                    initialDeviceRectangles: contextManager.getViewportContext(),
+                    isNativeContext
+                });
+                const wrapped = wrapWithContext({
+                    browser: browserInstance,
+                    command,
+                    contextManager,
+                    getArgs: () => {
+                        const updatedInstanceData = {
+                            ...initialInstanceData,
+                            deviceRectangles: contextManager.getViewportContext(),
+                        };
+                        return [{
+                                methods: {
+                                    bidiScreenshot: isBiDiScreenshotSupported(browserInstance) ? browserInstance.browsingContextCaptureScreenshot.bind(browserInstance) : undefined,
+                                    executor: (fn, ...args) => {
+                                        return browserInstance.execute(fn, ...args);
+                                    },
+                                    getElementRect: browserInstance.getElementRect.bind(browserInstance),
+                                    getWindowHandle: browserInstance.getWindowHandle.bind(browserInstance),
+                                    screenShot: browserInstance.takeScreenshot.bind(browserInstance),
+                                    takeElementScreenshot: browserInstance.takeElementScreenshot.bind(browserInstance),
+                                },
+                                instanceData: updatedInstanceData,
+                                folders: getFolders(elementOptions, self.folders, self.#getBaselineFolder()),
+                                tag,
+                                element,
+                                [elementOptionsKey]: {
+                                    wic: self.defaultOptions,
+                                    method: elementOptions,
+                                },
+                                isNativeContext,
+                                testContext: enrichTestContext({
+                                    commandName,
+                                    currentTestContext: self.#testContext,
+                                    instanceData: updatedInstanceData,
+                                    tag,
+                                }),
+                            }];
+                    }
                 });
+                returnData[browserName] = await wrapped.call(browserInstance);
             }
             return returnData;
         });
@@ -256,59 +305,65 @@ export default class WdioImageComparisonService extends BaseClass {
         const self = this;
         if (commandName === 'waitForStorybookComponentToBeLoaded') {
             browser.addCommand(commandName, waitForStorybookComponentToBeLoaded);
+            return;
         }
-        else {
-            browser.addCommand(commandName, async function (tag, pageOptions = {}) {
-                const returnData = {};
-                const pageOptionsKey = PAGE_OPTIONS_MAP[commandName];
-                for (const browserName of browserNames) {
-                    const browserInstance = browser.getInstance(browserName);
-                    const isNativeContext = getNativeContext(self.#browser, browserInstance, self._isNativeContext);
-                    const instanceData = await getInstanceData(browserInstance);
-                    returnData[browserName] = await command({
-                        methods: {
-                            executor: (script, ...varArgs) => {
-                                return browserInstance.execute.bind(browserInstance)(script, ...varArgs);
-                            },
-                            getElementRect: browserInstance.getElementRect.bind(browserInstance),
-                            screenShot: browserInstance.takeScreenshot.bind(browserInstance),
-                        },
-                        instanceData,
-                        folders: getFolders(pageOptions, self.folders, self.#getBaselineFolder()),
-                        tag,
-                        [pageOptionsKey]: {
-                            wic: self.defaultOptions,
-                            method: pageOptions,
-                        },
-                        isNativeContext,
-                        testContext: enrichTestContext({
-                            commandName,
-                            currentTestContext: self.#testContext,
-                            instanceData,
-                            tag,
-                        })
-                    });
+        browser.addCommand(commandName, async function (tag, pageOptions = {}) {
+            const returnData = {};
+            const pageOptionsKey = PAGE_OPTIONS_MAP[commandName];
+            for (const browserName of browserNames) {
+                const browserInstance = browser.getInstance(browserName);
+                const contextManager = self._contextManagers?.get(browserName);
+                if (!contextManager) {
+                    throw new Error(`No ContextManager found for browser instance: ${browserName}`);
                 }
-                return returnData;
-            });
-        }
-    }
-    #setupMultiremoteContextListener() {
-        const multiremoteBrowser = this.#browser;
-        const browserInstances = multiremoteBrowser.instances;
-        for (const instanceName of browserInstances) {
-            const instance = multiremoteBrowser[instanceName];
-            instance.on('result', (result) => {
-                if (result.command === 'getContext') {
-                    const value = result.result.value;
-                    const sessionId = instance.sessionId;
-                    if (typeof this._isNativeContext !== 'object' || this._isNativeContext === null) {
-                        this._isNativeContext = {};
+                const isNativeContext = getNativeContext({
+                    capabilities: browserInstance.requestedCapabilities,
+                    isMobile: browserInstance.isMobile,
+                });
+                const initialInstanceData = await getInstanceData({
+                    currentBrowser: browserInstance,
+                    initialDeviceRectangles: contextManager.getViewportContext(),
+                    isNativeContext
+                });
+                const wrapped = wrapWithContext({
+                    browser: browserInstance,
+                    command,
+                    contextManager,
+                    getArgs: () => {
+                        const updatedInstanceData = {
+                            ...initialInstanceData,
+                            deviceRectangles: contextManager.getViewportContext()
+                        };
+                        const isCurrentContextNative = contextManager.isNativeContext;
+                        return [{
+                                methods: {
+                                    executor: (fn, ...args) => {
+                                        return browserInstance.execute(fn, ...args);
+                                    },
+                                    getElementRect: browserInstance.getElementRect.bind(browserInstance),
+                                    screenShot: browserInstance.takeScreenshot.bind(browserInstance),
+                                },
+                                instanceData: updatedInstanceData,
+                                folders: getFolders(pageOptions, self.folders, self.#getBaselineFolder()),
+                                tag,
+                                [pageOptionsKey]: {
+                                    wic: self.defaultOptions,
+                                    method: pageOptions,
+                                },
+                                isNativeContext: isCurrentContextNative,
+                                testContext: enrichTestContext({
+                                    commandName,
+                                    currentTestContext: self.#testContext,
+                                    instanceData: updatedInstanceData,
+                                    tag,
+                                }),
+                            }];
                     }
-                    this._isNativeContext[sessionId] = value.includes('NATIVE');
-                }
-            });
-        }
+                });
+                returnData[browserName] = await wrapped.call(browserInstance);
+            }
+            return returnData;
+        });
     }
     #getTestContext(test) {
         const framework = this.#config?.framework;
@@ -359,4 +414,10 @@ export default class WdioImageComparisonService extends BaseClass {
         }
         throw new SevereServiceError(`Framework ${framework} is not supported by the Visual Service and should be either "mocha", "jasmine" or "cucumber".`);
     }
+    get contextManager() {
+        if (!this._contextManager) {
+            throw new Error('ContextManager has not been initialized');
+        }
+        return this._contextManager;
+    }
 }

package/dist/storybook/Types.d.ts

@@ -1,4 +1,4 @@
-import type { Folders } from 'webdriver-image-comparison';
+import type { CheckElementMethodOptions, ClassOptions, Folders } from 'webdriver-image-comparison';
 export interface StorybookData {
     id: string;
     title: string;
@@ -31,7 +31,9 @@ export type Stories = {
     [key: string]: StorybookData;
 };
 export type CreateTestFileOptions = {
+    additionalSearchParams: URLSearchParams;
     clip: boolean;
+    compareOptions: CheckElementMethodOptions;
     clipSelector: string;
     directoryPath: string;
     folders: Folders;
@@ -40,7 +42,7 @@ export type CreateTestFileOptions = {
     skipStories: string[] | RegExp;
     storiesJson: StorybookData[];
     storybookUrl: string;
-};
+} & Pick<CreateTestContent, 'getStoriesBaselinePath'>;
 export interface CapabilityMap {
     chrome: WebdriverIO.Capabilities;
     firefox: WebdriverIO.Capabilities;
@@ -48,23 +50,27 @@ export interface CapabilityMap {
     edge: WebdriverIO.Capabilities;
 }
 export type CreateTestContent = {
+    additionalSearchParams: URLSearchParams;
     clip: boolean;
     clipSelector: string;
+    compareOptions: CheckElementMethodOptions;
     folders: Folders;
     framework: string;
     skipStories: string[] | RegExp;
     stories: StorybookData[];
     storybookUrl: string;
-};
+} & Pick<CreateItContent, 'getStoriesBaselinePath'>;
 export type CreateItContent = {
+    additionalSearchParams: URLSearchParams;
     clip: boolean;
     clipSelector: string;
+    compareOptions: CheckElementMethodOptions;
     folders: Folders;
     framework: string;
     skipStories: string[] | RegExp;
     storyData: StorybookData;
     storybookUrl: string;
-};
+} & Pick<NonNullable<ClassOptions['storybook']>, 'getStoriesBaselinePath'>;
 export type CategoryComponent = {
     category: string;
     component: string;
@@ -84,6 +90,13 @@ export type EmulatedDeviceType = {
     userAgent: string;
 };
 export type WaitForStorybookComponentToBeLoaded = {
+    /**
+     * Additional search parameters to be added to the Storybook URL
+     *
+     * @example addtionalSearchParams: new URLSearchParams({ foo: 'bar', abc: 'def' })
+     * This will generate the following Storybook URL for stories test: `http://storybook.url/iframe.html?id=story-id&foo=bar&abc=def`
+     */
+    additionalSearchParams?: URLSearchParams;
     clipSelector?: string;
     id: string;
     timeout?: number;

package/dist/storybook/Types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Types.d.ts","sourceRoot":"","sources":["../../src/storybook/Types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Types.d.ts","sourceRoot":"","sources":["../../src/storybook/Types.ts"],"names":[],"mappings":"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"}

package/dist/storybook/launcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"launcher.d.ts","sourceRoot":"","sources":["../../src/storybook/launcher.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAetD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;;gBAGrC,OAAO,EAAE,YAAY;IAK3B,SAAS,CAAE,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC,sBAAsB;IAuExF,UAAU;CAuBnB"}
+{"version":3,"file":"launcher.d.ts","sourceRoot":"","sources":["../../src/storybook/launcher.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAA8B,MAAM,4BAA4B,CAAA;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAetD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;;gBAGrC,OAAO,EAAE,YAAY;IAK3B,SAAS,CAAE,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC,sBAAsB;IA+FxF,UAAU;CAuBnB"}

package/dist/storybook/launcher.js

@@ -34,6 +34,21 @@ export default class VisualLauncher extends BaseClass {
             // Clear the capabilities
             capabilities.length = 0;
             log.info('Clearing the current capabilities.');
+            // Get compare options from config
+            const compareOptions = {
+                blockOutSideBar: this.#options.blockOutSideBar,
+                blockOutStatusBar: this.#options.blockOutStatusBar,
+                blockOutToolBar: this.#options.blockOutToolBar,
+                ignoreAlpha: this.#options.ignoreAlpha,
+                ignoreAntialiasing: this.#options.ignoreAntialiasing,
+                ignoreColors: this.#options.ignoreColors,
+                ignoreLess: this.#options.ignoreLess,
+                ignoreNothing: this.#options.ignoreNothing,
+                rawMisMatchPercentage: this.#options.rawMisMatchPercentage,
+                returnAllCompareData: this.#options.returnAllCompareData,
+                saveAboveTolerance: this.#options.saveAboveTolerance,
+                scaleImagesToSameSize: this.#options.scaleImagesToSameSize,
+            };
             // Determine some run options
             // --version
             const versionOption = this.#options?.storybook?.version;
@@ -60,13 +75,21 @@ export default class VisualLauncher extends BaseClass {
             const skipStoriesArgv = getArgvValue('--skipStories', value => value);
             const skipStories = skipStoriesOption ?? skipStoriesArgv ?? [];
             const parsedSkipStories = parseSkipStories(skipStories);
+            // --additionalSearchParams
+            const additionalSearchParamsOption = this.#options?.storybook?.additionalSearchParams;
+            const additionalSearchParamsArgv = getArgvValue('--additionalSearchParams', value => new URLSearchParams(value));
+            const additionalSearchParams = additionalSearchParamsOption ?? additionalSearchParamsArgv ?? new URLSearchParams();
+            const getStoriesBaselinePath = this.#options?.storybook?.getStoriesBaselinePath;
             // Create the test files
             createTestFiles({
+                additionalSearchParams,
                 clip,
                 clipSelector,
+                compareOptions,
                 directoryPath: tempDir,
                 folders: this.folders,
                 framework,
+                getStoriesBaselinePath,
                 numShards,
                 skipStories: parsedSkipStories,
                 storiesJson,

package/dist/storybook/utils.d.ts

@@ -36,12 +36,12 @@ export declare function getStoriesJson(url: string): Promise<Stories>;
 /**
  * Get arg value from the process.argv
  */
-export declare function getArgvValue(argName: string, parseFunc: (value: string) => any): any;
+export declare function getArgvValue<ParseFuncReturnType>(argName: string, parseFunc: (value: string) => ParseFuncReturnType): ParseFuncReturnType | undefined;
 /**
  * Creates a it function for the test file
  * @TODO: improve this
  */
-export declare function itFunction({ clip, clipSelector, folders: { baselineFolder }, framework, skipStories, storyData, storybookUrl }: CreateItContent): string;
+export declare function itFunction({ additionalSearchParams, clip, clipSelector, compareOptions, folders, framework, skipStories, storyData, storybookUrl, getStoriesBaselinePath }: CreateItContent): string;
 /**
  * Write the test file
  */
@@ -49,7 +49,7 @@ export declare function writeTestFile(directoryPath: string, fileID: string, tes
 /**
  * Create the test content
  */
-export declare function createTestContent({ clip, clipSelector, folders, framework, skipStories, stories, storybookUrl }: CreateTestContent, itFunc?: typeof itFunction): string;
+export declare function createTestContent({ additionalSearchParams, clip, clipSelector, compareOptions, folders, framework, getStoriesBaselinePath, skipStories, stories, storybookUrl }: CreateTestContent, itFunc?: typeof itFunction): string;
 /**
  * The custom command
  */
@@ -61,7 +61,7 @@ export declare function createFileData(describeTitle: string, testContent: strin
 /**
  * Create the test files
  */
-export declare function createTestFiles({ clip, clipSelector, directoryPath, folders, framework, numShards, skipStories, storiesJson, storybookUrl }: CreateTestFileOptions, createTestCont?: typeof createTestContent, createFileD?: typeof createFileData, writeTestF?: typeof writeTestFile): void;
+export declare function createTestFiles({ additionalSearchParams, clip, clipSelector, compareOptions, directoryPath, folders, framework, getStoriesBaselinePath, numShards, skipStories, storiesJson, storybookUrl }: CreateTestFileOptions, createTestCont?: typeof createTestContent, createFileD?: typeof createFileData, writeTestF?: typeof writeTestFile): void;
 export declare function createChromeCapabilityWithEmulation({ screen: { width, height, dpr }, name, userAgent }: EmulatedDeviceType, isHeadless: boolean): WebdriverIO.Capabilities;
 /**
  * Throw an error message if the capabilities are not set up correctly

package/dist/storybook/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/storybook/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/storybook/utils.ts"],"names":[],"mappings":"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"}