feat(browser): expose options on BrowserProviderOption (#8609)

Author: sheremet-va

packages/browser/src/node/providers/playwright.ts

@@ -67,10 +67,11 @@ export interface PlaywrightProviderOptions {
   actionTimeout?: number
 }
 
-export function playwright(options: PlaywrightProviderOptions = {}): BrowserProviderOption {
+export function playwright(options: PlaywrightProviderOptions = {}): BrowserProviderOption<PlaywrightProviderOptions> {
   return {
     name: 'playwright',
     supportedBrowser: playwrightBrowsers,
+    options,
     factory(project) {
       return new PlaywrightBrowserProvider(project, options)
     },

packages/browser/src/node/providers/preview.ts

@@ -3,6 +3,7 @@ import type { BrowserProvider, BrowserProviderOption, TestProject } from 'vitest
 export function preview(): BrowserProviderOption {
   return {
     name: 'preview',
+    options: {},
     factory(project) {
       return new PreviewBrowserProvider(project)
     },

packages/browser/src/node/providers/webdriverio.ts

@@ -21,10 +21,11 @@ interface WebdriverProviderOptions extends Partial<
   Parameters<typeof remote>[0]
 > {}
 
-export function webdriverio(options: WebdriverProviderOptions = {}): BrowserProviderOption {
+export function webdriverio(options: WebdriverProviderOptions = {}): BrowserProviderOption<WebdriverProviderOptions> {
   return {
     name: 'webdriverio',
     supportedBrowser: webdriverBrowsers,
+    options,
     factory(project) {
       return new WebdriverBrowserProvider(project, options)
     },

packages/browser/src/node/utils.ts

@@ -1,4 +1,4 @@
-import type { BrowserProvider, ResolvedBrowserOptions, TestProject } from 'vitest/node'
+import type { BrowserProvider, BrowserProviderOption, ResolvedBrowserOptions, TestProject } from 'vitest/node'
 
 export function replacer(code: string, values: Record<string, string>): string {
   return code.replace(/\{\s*(\w+)\s*\}/g, (_, key) => values[key] ?? _)
@@ -27,7 +27,7 @@ export async function getBrowserProvider(
     if (!(name in providers)) {
       throw new Error(`Unknown browser provider "${name}". Available providers: ${Object.keys(providers).join(', ')}.`)
     }
-    return providers[name]().factory(project)
+    return (providers[name] as (options?: object) => BrowserProviderOption)(options.provider?.options).factory(project)
   }
   const supportedBrowsers = options.provider.supportedBrowser || []
   if (supportedBrowsers.length && !supportedBrowsers.includes(browser)) {

packages/vitest/src/node/config/resolveConfig.ts

@@ -768,6 +768,9 @@ export function resolveConfig(
   else {
     resolved.browser.screenshotFailures ??= !isPreview && !resolved.browser.ui
   }
+  if (resolved.browser.provider && resolved.browser.provider.options == null) {
+    resolved.browser.provider.options = {}
+  }
 
   resolved.browser.api = resolveApiServerConfig(
     resolved.browser,

packages/vitest/src/node/types/browser.ts

@@ -21,9 +21,10 @@ export interface BrowserModuleMocker {
   clear: (sessionId: string) => Promise<void>
 }
 
-export interface BrowserProviderOption {
+export interface BrowserProviderOption<Options extends object = object> {
   name: string
   supportedBrowser?: ReadonlyArray<string>
+  options: Options
   factory: (project: TestProject) => BrowserProvider
 }