@wdio/browser-runner 8.13.12 → 8.14.0

package/build/browser/mock.d.ts

@@ -20,6 +20,15 @@ export declare const fileURLToPath: () => string;
 export declare const dirname: () => string;
 export declare const resolve: () => string;
 export declare const sep = "/";
+export declare const start: () => void;
+export declare const install: () => void;
+export declare const computeExecutablePath: () => void;
+export declare const Browser: () => void;
+export declare const getInstalledBrowsers: () => void;
+export declare const canDownload: () => void;
+export declare const resolveBuildId: () => void;
+export declare const ChromeReleaseChannel: () => void;
+export declare const detectBrowserPlatform: () => void;
 export declare const type = "browser";
 export declare const sync: () => void;
 declare const _default: () => void;

package/build/browser/mock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../src/browser/mock.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,aAAa;;;CAIzB,CAAA;AAED,eAAO,MAAM,iBAAiB,SAAK,CAAA;AACnC,eAAO,MAAM,eAAe,IAAK,CAAA;AACjC,qBAAa,YAAY;CAAG;AAC5B,eAAO,MAAM,GAAG;;;;;CAAa,CAAA;AAC7B,eAAO,MAAM,aAAa,cAAW,CAAA;AACrC,eAAO,MAAM,aAAa,cAAW,CAAA;AACrC,eAAO,MAAM,OAAO,cAAW,CAAA;AAC/B,eAAO,MAAM,OAAO,cAAW,CAAA;AAC/B,eAAO,MAAM,GAAG,MAAM,CAAA;AACtB,eAAO,MAAM,IAAI,YAAY,CAAA;AAC7B,eAAO,MAAM,IAAI,YAAW,CAAA;;AAC5B,wBAAuB"}
+{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../src/browser/mock.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,aAAa;;;CAIzB,CAAA;AAED,eAAO,MAAM,iBAAiB,SAAK,CAAA;AACnC,eAAO,MAAM,eAAe,IAAK,CAAA;AACjC,qBAAa,YAAY;CAAG;AAC5B,eAAO,MAAM,GAAG;;;;;CAAa,CAAA;AAC7B,eAAO,MAAM,aAAa,cAAW,CAAA;AACrC,eAAO,MAAM,aAAa,cAAW,CAAA;AACrC,eAAO,MAAM,OAAO,cAAW,CAAA;AAC/B,eAAO,MAAM,OAAO,cAAW,CAAA;AAC/B,eAAO,MAAM,GAAG,MAAM,CAAA;AACtB,eAAO,MAAM,KAAK,YAAW,CAAA;AAC7B,eAAO,MAAM,OAAO,YAAW,CAAA;AAC/B,eAAO,MAAM,qBAAqB,YAAW,CAAA;AAC7C,eAAO,MAAM,OAAO,YAAW,CAAA;AAC/B,eAAO,MAAM,oBAAoB,YAAW,CAAA;AAC5C,eAAO,MAAM,WAAW,YAAW,CAAA;AACnC,eAAO,MAAM,cAAc,YAAW,CAAA;AACtC,eAAO,MAAM,oBAAoB,YAAW,CAAA;AAC5C,eAAO,MAAM,qBAAqB,YAAW,CAAA;AAC7C,eAAO,MAAM,IAAI,YAAY,CAAA;AAC7B,eAAO,MAAM,IAAI,YAAW,CAAA;;AAC5B,wBAAuB"}

package/build/browser/mock.js

@@ -16,6 +16,15 @@ export const fileURLToPath = () => '';
 export const dirname = () => '';
 export const resolve = () => '';
 export const sep = '/';
+export const start = () => { };
+export const install = () => { };
+export const computeExecutablePath = () => { };
+export const Browser = () => { };
+export const getInstalledBrowsers = () => { };
+export const canDownload = () => { };
+export const resolveBuildId = () => { };
+export const ChromeReleaseChannel = () => { };
+export const detectBrowserPlatform = () => { };
 export const type = 'browser';
 export const sync = () => { };
 export default () => { };

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,WAAW,MAAM,oBAAoB,CAAA;AAO5C,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAU/G,OAAO,KAAK,EAAE,oBAAoB,IAAI,0BAA0B,EAAmB,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAK5H,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;;IAW9C,OAAO,CAAC,OAAO;IACf,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU;IAJzC,OAAO,CAAC,aAAa,CAAoB;gBAG7B,OAAO,EAAE,0BAA0B,EACjC,OAAO,EAAE,OAAO,CAAC,UAAU;IAuBzC;;OAEG;IACG,UAAU;IAsBV,GAAG,CAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,cAAc,CAAC;IAkCrD;;;;OAIG;IACG,QAAQ;YAgDA,wBAAwB;CA2DzC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,WAAW,CAAC;QAClB,UAAU,oBAAqB,SAAQ,0BAA0B;SAAG;KACvE;CACJ;AAED;;GAEG;AACH,cAAc,aAAa,CAAA;AAE3B;;;GAGG;AAEH;;;;;;;;;;;;GAYG;AAEH,wBAAgB,IAAI,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,qBAAqB,QAAI;AAEvE;;;;GAIG;AAEH,wBAAgB,MAAM,CAAC,UAAU,EAAE,MAAM,QAAI;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;AACnE,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;AACpE,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AACnB,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;CACd,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;AACvB,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC5B,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;CACd,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,WAAW,MAAM,oBAAoB,CAAA;AAO5C,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAW/G,OAAO,KAAK,EAAE,oBAAoB,IAAI,0BAA0B,EAAmB,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAK5H,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;;IAY9C,OAAO,CAAC,OAAO;IACf,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU;IAJzC,OAAO,CAAC,aAAa,CAAoB;gBAG7B,OAAO,EAAE,0BAA0B,EACjC,OAAO,EAAE,OAAO,CAAC,UAAU;IAuBzC;;OAEG;IACG,UAAU;IAsBV,GAAG,CAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,cAAc,CAAC;IAkCrD;;;;OAIG;IACG,QAAQ;YAgDA,wBAAwB;CA2DzC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,WAAW,CAAC;QAClB,UAAU,oBAAqB,SAAQ,0BAA0B;SAAG;KACvE;CACJ;AAED;;GAEG;AACH,cAAc,aAAa,CAAA;AAE3B;;;GAGG;AAEH;;;;;;;;;;;;GAYG;AAEH,wBAAgB,IAAI,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,qBAAqB,QAAI;AAEvE;;;;GAIG;AAEH,wBAAgB,MAAM,CAAC,UAAU,EAAE,MAAM,QAAI;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;AACnE,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;AACpE,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AACnB,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;CACd,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;AACvB,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC5B,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;CACd,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAA"}

package/build/index.js

@@ -21,6 +21,7 @@ export default class BrowserRunner extends LocalRunner {
     #servers = new Set();
     #coverageOptions;
     #reportsDirectory;
+    #viteOptimizations = {};
     #mapStore = libSourceMap.createSourceMapStore();
     _coverageMaps = [];
     constructor(options, _config) {
@@ -59,7 +60,7 @@ export default class BrowserRunner extends LocalRunner {
          * make adjustments based on detected frontend frameworks
          */
         try {
-            await updateViteConfig(this.#options, this.#config);
+            this.#viteOptimizations = await updateViteConfig(this.#options, this.#config);
         }
         catch (err) {
             log.error(`Failed to optimize Vite config: ${err.stack}`);
@@ -69,7 +70,7 @@ export default class BrowserRunner extends LocalRunner {
     async run(runArgs) {
         runArgs.caps = makeHeadless(this.options, runArgs.caps);
         runArgs.caps = adjustWindowInWatchMode(this.#config, runArgs.caps);
-        const server = new ViteServer(this.#options, this.#config);
+        const server = new ViteServer(this.#options, this.#config, this.#viteOptimizations);
         try {
             await server.start();
             runArgs.args.baseUrl = `http://localhost:${server.config.server?.port}`;

package/build/vite/frameworks/index.d.ts

@@ -1,3 +1,4 @@
 import type { Options } from '@wdio/types';
-export default function updateViteConfig(options: WebdriverIO.BrowserRunnerOptions, config: Options.Testrunner): Promise<void>;
+import type { InlineConfig } from 'vite';
+export default function updateViteConfig(options: WebdriverIO.BrowserRunnerOptions, config: Options.Testrunner): Promise<InlineConfig>;
 //# sourceMappingURL=index.d.ts.map

package/build/vite/frameworks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vite/frameworks/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAI1C,wBAA8B,gBAAgB,CAAE,OAAO,EAAE,WAAW,CAAC,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,UAAU,iBAKpH"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vite/frameworks/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAKxC,wBAA8B,gBAAgB,CAAE,OAAO,EAAE,WAAW,CAAC,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,UAAU,yBAepH"}

package/build/vite/frameworks/index.js

@@ -1,7 +1,15 @@
 import { isNuxtFramework, optimizeForNuxt } from './nuxt.js';
+import { isUsingTailwindCSS, optimizeForTailwindCSS } from './tailwindcss.js';
 export default async function updateViteConfig(options, config) {
-    const isNuxt = await isNuxtFramework(config.rootDir || process.cwd());
+    const optimizations = {};
+    const rootDir = options.rootDir || config.rootDir || process.cwd();
+    const isNuxt = await isNuxtFramework(rootDir);
     if (isNuxt) {
-        await optimizeForNuxt(options, config);
+        Object.assign(optimizations, await optimizeForNuxt(options, config));
     }
+    const isTailwind = await isUsingTailwindCSS(rootDir);
+    if (isTailwind) {
+        Object.assign(optimizations, await optimizeForTailwindCSS(rootDir));
+    }
+    return optimizations;
 }

package/build/vite/frameworks/nuxt.d.ts

@@ -1,7 +1,8 @@
 import type { Options } from '@wdio/types';
+import type { InlineConfig } from 'vite';
 declare global {
     var defineNuxtConfig: Function;
 }
 export declare function isNuxtFramework(rootDir: string): Promise<boolean>;
-export declare function optimizeForNuxt(options: WebdriverIO.BrowserRunnerOptions, config: Options.Testrunner): Promise<void>;
+export declare function optimizeForNuxt(options: WebdriverIO.BrowserRunnerOptions, config: Options.Testrunner): Promise<InlineConfig>;
 //# sourceMappingURL=nuxt.d.ts.map

package/build/vite/frameworks/nuxt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nuxt.d.ts","sourceRoot":"","sources":["../../../src/vite/frameworks/nuxt.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAK1C,OAAO,CAAC,MAAM,CAAC;IAEX,IAAI,gBAAgB,EAAE,QAAQ,CAAA;CACjC;AAID,wBAAsB,eAAe,CAAE,OAAO,EAAE,MAAM,oBAOrD;AAED,wBAAsB,eAAe,CAAE,OAAO,EAAE,WAAW,CAAC,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,UAAU,iBA0C3G"}
+{"version":3,"file":"nuxt.d.ts","sourceRoot":"","sources":["../../../src/vite/frameworks/nuxt.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAIxC,OAAO,CAAC,MAAM,CAAC;IAEX,IAAI,gBAAgB,EAAE,QAAQ,CAAA;CACjC;AAID,wBAAsB,eAAe,CAAE,OAAO,EAAE,MAAM,oBAOrD;AAED,wBAAsB,eAAe,CAAE,OAAO,EAAE,WAAW,CAAC,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,CAoDnI"}

package/build/vite/frameworks/nuxt.js

@@ -1,22 +1,25 @@
+import url from 'node:url';
 import path from 'node:path';
 import logger from '@wdio/logger';
-import { hasFile } from './utils.js';
+import { resolve } from 'import-meta-resolve';
+import { hasFileByExtensions, hasDir } from '../utils.js';
 const log = logger('@wdio/browser-runner:NuxtOptimization');
 export async function isNuxtFramework(rootDir) {
     return (await Promise.all([
-        getNuxtConfig(rootDir),
-        hasFile(path.join(rootDir, '.nuxt'))
+        hasFileByExtensions(path.join(rootDir, 'nuxt.config')),
+        hasDir(path.join(rootDir, '.nuxt'))
     ])).filter(Boolean).length > 0;
 }
 export async function optimizeForNuxt(options, config) {
     const Unimport = (await import('unimport/unplugin')).default;
-    const { scanDirExports } = await import('unimport');
+    const { scanDirExports, scanExports } = await import('unimport');
     const { loadNuxtConfig } = await import('@nuxt/kit');
     const rootDir = config.rootDir || process.cwd();
     const nuxtOptions = await loadNuxtConfig({ rootDir });
     if (nuxtOptions.imports?.autoImport === false) {
-        return;
+        return {};
     }
+    const nuxtDepPath = await resolve('nuxt', import.meta.url);
     const composablesDirs = [];
     for (const layer of nuxtOptions._layers) {
         composablesDirs.push(path.resolve(layer.config.srcDir, 'composables'));
@@ -28,30 +31,31 @@ export async function optimizeForNuxt(options, config) {
             composablesDirs.push(path.resolve(layer.config.srcDir, dir));
         }
     }
-    const composableImports = await scanDirExports(composablesDirs);
-    options.viteConfig = (options.viteConfig || {});
-    /**
-     * propagate "alias" config
-     */
-    options.viteConfig.resolve = Object.assign(options.viteConfig.resolve || {}, {
-        alias: nuxtOptions.alias || {}
-    });
-    const viteConfig = (options.viteConfig || {});
-    if (!Array.isArray(viteConfig.plugins)) {
-        viteConfig.plugins = [];
-    }
-    viteConfig.plugins.push(Unimport.vite({
-        presets: ['vue'],
-        imports: composableImports
+    const composableImports = await Promise.all([
+        scanDirExports([
+            ...composablesDirs,
+            path.resolve(path.dirname(url.fileURLToPath(nuxtDepPath)), 'app', 'components')
+        ]),
+        scanExports(path.resolve(path.dirname(url.fileURLToPath(nuxtDepPath)), 'app', 'composables', 'index.js'))
+    ]).then((scannedExports) => scannedExports.flat().map((ci) => {
+        /**
+         * auto mock nuxt composables as they can't be loaded within the browser
+         */
+        if (ci.from.includes('/nuxt/dist/app/composables')) {
+            ci.from = 'virtual:wdio';
+            ci.name = 'wrappedFn';
+        }
+        return ci;
     }));
+    const viteConfig = {
+        resolve: {
+            alias: nuxtOptions.alias || {}
+        },
+        plugins: [Unimport.vite({
+                presets: ['vue'],
+                imports: composableImports
+            })]
+    };
     log.info(`Optimized Vite config for Nuxt project at ${rootDir}`);
-}
-async function getNuxtConfig(rootDir) {
-    const pathOptions = [
-        path.join(rootDir, 'nuxt.config.js'),
-        path.join(rootDir, 'nuxt.config.ts'),
-        path.join(rootDir, 'nuxt.config.mjs'),
-        path.join(rootDir, 'nuxt.config.mts')
-    ];
-    return (await Promise.all(pathOptions.map(async (o) => (await hasFile(o)) && o)).then((res) => res.filter(Boolean)))[0];
+    return viteConfig;
 }

package/build/vite/frameworks/tailwindcss.d.ts

@@ -0,0 +1,11 @@
+import type { InlineConfig } from 'vite';
+/**
+ * returns `true` if TailwindCSS config exist but no postcss.config
+ * (if a `postcss.config` exists it will be automatically picked up by Vite)
+ */
+export declare function isUsingTailwindCSS(rootDir: string): Promise<boolean | "" | undefined>;
+/**
+ * add tailwind plugin if installed as dependency
+ */
+export declare function optimizeForTailwindCSS(rootDir: string): Promise<InlineConfig>;
+//# sourceMappingURL=tailwindcss.d.ts.map

package/build/vite/frameworks/tailwindcss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwindcss.d.ts","sourceRoot":"","sources":["../../../src/vite/frameworks/tailwindcss.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAIxC;;;GAGG;AACH,wBAAgB,kBAAkB,CAAE,OAAO,EAAE,MAAM,qCAOlD;AAED;;GAEG;AACH,wBAAsB,sBAAsB,CAAE,OAAO,EAAE,MAAM,yBAQ5D"}

package/build/vite/frameworks/tailwindcss.js

@@ -0,0 +1,28 @@
+import url from 'node:url';
+import path from 'node:path';
+import { resolve } from 'import-meta-resolve';
+import { hasFileByExtensions } from '../utils.js';
+/**
+ * returns `true` if TailwindCSS config exist but no postcss.config
+ * (if a `postcss.config` exists it will be automatically picked up by Vite)
+ */
+export function isUsingTailwindCSS(rootDir) {
+    return Promise.all([
+        hasFileByExtensions(path.join(rootDir, 'tailwind.config')),
+        hasFileByExtensions(path.join(rootDir, 'postcss.config'))
+    ]).then(([hasTailwindConfig, hasPostCSSConfig]) => {
+        return hasTailwindConfig && !hasPostCSSConfig;
+    });
+}
+/**
+ * add tailwind plugin if installed as dependency
+ */
+export async function optimizeForTailwindCSS(rootDir) {
+    const viteConfig = {};
+    const tailwindcssPath = await resolve('tailwindcss', url.pathToFileURL(path.resolve(rootDir, 'index.js')).href);
+    const tailwindcss = (await import(tailwindcssPath)).default;
+    viteConfig.css = {
+        postcss: { plugins: [tailwindcss] }
+    };
+    return viteConfig;
+}

package/build/vite/plugins/mockHoisting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockHoisting.d.ts","sourceRoot":"","sources":["../../../src/vite/plugins/mockHoisting.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAU7C,wBAAgB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,EAAE,CAwU/D"}
+{"version":3,"file":"mockHoisting.d.ts","sourceRoot":"","sources":["../../../src/vite/plugins/mockHoisting.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAU7C,wBAAgB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,EAAE,CA4U/D"}

package/build/vite/plugins/mockHoisting.js

@@ -46,7 +46,10 @@ export function mockHoisting(mockHandler) {
                  */
                 if (
                 // where loading was inititated through the test file
-                !isTestDependency ||
+                (!isTestDependency && (
+                // however when files are inlined they will be loaded when parsing file under test
+                // in this case we want to transform them, but make sure we exclude these paths
+                id.includes('/node_modules/') || id.includes('/?cid=') || id.startsWith('virtual:'))) ||
                     // are not Vite or WebdriverIO internals
                     INTERNALS_TO_IGNORE.find((f) => id.includes(f)) ||
                     // when the spec file is actually mocking any dependencies
@@ -187,7 +190,7 @@ export function mockHoisting(mockHandler) {
                             const newNode = b.importDeclaration([b.importNamespaceSpecifier(b.identifier(newImportIdentifier))], b.literal(source));
                             nodePath.insertBefore(newNode);
                         }
-                        const wdioImportModuleIdentifier = source.startsWith('.')
+                        const wdioImportModuleIdentifier = source.startsWith('.') || source.startsWith('/')
                             ? url.pathToFileURL(path.resolve(path.dirname(id), source).slice(0, path.extname(source).length * -1)).pathname
                             : source;
                         const isNamespaceImport = dec.specifiers.length === 1 && dec.specifiers[0].type === types.namedTypes.ImportNamespaceSpecifier.toString();

package/build/vite/plugins/testrunner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testrunner.d.ts","sourceRoot":"","sources":["../../../src/vite/plugins/testrunner.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AA0ClC,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,oBAAoB,GAAG,MAAM,EAAE,CAuH9E"}
+{"version":3,"file":"testrunner.d.ts","sourceRoot":"","sources":["../../../src/vite/plugins/testrunner.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AA0ClC,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,oBAAoB,GAAG,MAAM,EAAE,CAyH9E"}

package/build/vite/plugins/testrunner.js

@@ -22,12 +22,13 @@ const resolvedVirtualModuleId = '\0' + virtualModuleId;
  * functionality
  */
 const MODULES_TO_MOCK = [
-    'import-meta-resolve', 'puppeteer-core', 'archiver', 'glob', 'devtools', 'ws', 'decamelize'
+    'import-meta-resolve', 'puppeteer-core', 'archiver', 'glob', 'devtools', 'ws', 'decamelize',
+    'geckodriver', 'safaridriver', 'edgedriver', '@puppeteer/browsers'
 ];
 const POLYFILLS = [
     ...builtinModules,
     ...builtinModules.map((m) => `node:${m}`)
-].map((m) => m.replace('/promises', ''));
+];
 export function testrunner(options) {
     const automationProtocolPath = `/@fs${url.pathToFileURL(path.resolve(__dirname, '..', '..', 'browser', 'driver.js')).pathname}`;
     const mockModulePath = path.resolve(__dirname, '..', '..', 'browser', 'mock.js');
@@ -41,7 +42,7 @@ export function testrunner(options) {
                     return resolvedVirtualModuleId;
                 }
                 if (POLYFILLS.includes(id)) {
-                    return polyfillPath(normalizeId(id));
+                    return polyfillPath(normalizeId(id.replace('/promises', '')));
                 }
                 if (id === '@wdio/browser-runner') {
                     return spyModulePath;
@@ -68,8 +69,10 @@ export function testrunner(options) {
                  */
                 if (id === resolvedVirtualModuleId) {
                     return /*js*/ `
+                    import { fn } from '@wdio/browser-runner'
                     export const commands = ${JSON.stringify(protocolCommandList)}
                     export const automationProtocolPath = ${JSON.stringify(automationProtocolPath)}
+                    export const wrappedFn = (...args) => fn()(...args)
                 `;
                 }
             },

package/build/vite/server.d.ts

@@ -8,7 +8,7 @@ export declare class ViteServer extends EventEmitter {
     #private;
     get socketServer(): WebSocketServer | undefined;
     get config(): Partial<InlineConfig>;
-    constructor(options: WebdriverIO.BrowserRunnerOptions, config: Options.Testrunner);
+    constructor(options: WebdriverIO.BrowserRunnerOptions, config: Options.Testrunner, optimizations: InlineConfig);
     start(): Promise<void>;
     close(): Promise<void>;
     private runWorkerHooks;

package/build/vite/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/vite/server.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM1C,OAAO,EAAE,eAAe,EAAE,MAAM,IAAI,CAAA;AAGpC,OAAO,KAAK,EAAiB,YAAY,EAAa,MAAM,MAAM,CAAA;AAGlE,OAAO,KAAK,EAAY,OAAO,EAAE,MAAM,aAAa,CAAA;AAQpD,OAAO,KAAK,EACM,gBAAgB,EAEjC,MAAM,YAAY,CAAA;AAgBnB,qBAAa,UAAW,SAAQ,YAAY;;IAUxC,IAAI,YAAY,gCAEf;IAED,IAAI,MAAM,0BAET;gBAEY,OAAO,EAAE,WAAW,CAAC,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,UAAU;IA2B5E,KAAK;IAuDL,KAAK;IA2IX,OAAO,CAAC,cAAc;IAetB,WAAW,CAAE,MAAM,EAAE,gBAAgB;CAUxC"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/vite/server.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM1C,OAAO,EAAE,eAAe,EAAE,MAAM,IAAI,CAAA;AAGpC,OAAO,KAAK,EAAiB,YAAY,EAAa,MAAM,MAAM,CAAA;AAGlE,OAAO,KAAK,EAAY,OAAO,EAAE,MAAM,aAAa,CAAA;AAQpD,OAAO,KAAK,EACM,gBAAgB,EAEjC,MAAM,YAAY,CAAA;AAgBnB,qBAAa,UAAW,SAAQ,YAAY;;IAUxC,IAAI,YAAY,gCAEf;IAED,IAAI,MAAM,0BAET;gBAEY,OAAO,EAAE,WAAW,CAAC,oBAAoB,EAAE,MAAM,EAAE,OAAO,CAAC,UAAU,EAAE,aAAa,EAAE,YAAY;IA2BzG,KAAK;IAuDL,KAAK;IA2IX,OAAO,CAAC,cAAc;IAetB,WAAW,CAAE,MAAM,EAAE,gBAAgB;CAUxC"}

package/build/vite/server.js

@@ -36,13 +36,13 @@ export class ViteServer extends EventEmitter {
     get config() {
         return this.#viteConfig;
     }
-    constructor(options, config) {
+    constructor(options, config, optimizations) {
         super();
         this.#options = options;
         this.#config = config;
         this.#mockHandler = new MockHandler(options, config);
         const root = options.rootDir || config.rootDir || process.cwd();
-        this.#viteConfig = deepmerge(DEFAULT_VITE_CONFIG, {
+        this.#viteConfig = deepmerge(DEFAULT_VITE_CONFIG, optimizations, {
             root,
             plugins: [
                 testrunner(options),

package/build/vite/utils.d.ts

@@ -4,5 +4,7 @@ export declare function userfriendlyImport(preset: FrameworkPreset, pkg?: string
 export declare function normalizeId(id: string, base?: string): string;
 export declare function getFilesFromDirectory(dir: string): Promise<string[]>;
 export declare function getManualMocks(automockDir: string): Promise<[string, string][]>;
+export declare function hasFileByExtensions(p: string, extensions?: string[]): Promise<string | undefined>;
+export declare function hasDir(p: string): Promise<boolean>;
 export declare function getErrorTemplate(filename: string, error: Error): string;
 //# sourceMappingURL=utils.d.ts.map

package/build/vite/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/vite/utils.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAI/D,wBAAsB,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,oBAAoB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,iBAAU,mBA0GvH;AAED,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,eAAe,EAAE,GAAG,CAAC,EAAE,MAAM,gBAa7E;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAY7D;AAED,wBAAsB,qBAAqB,CAAE,GAAG,EAAE,MAAM,qBAqBvD;AAGD,wBAAsB,cAAc,CAAC,WAAW,EAAE,MAAM,+BAgBvD;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,UAU9D"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/vite/utils.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAI/D,wBAAsB,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,oBAAoB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,iBAAU,mBA6HvH;AAED,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,eAAe,EAAE,GAAG,CAAC,EAAE,MAAM,gBAa7E;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAY7D;AAED,wBAAsB,qBAAqB,CAAE,GAAG,EAAE,MAAM,qBAqBvD;AAGD,wBAAsB,cAAc,CAAC,WAAW,EAAE,MAAM,+BAgBvD;AAGD,wBAAsB,mBAAmB,CAAE,CAAC,EAAE,MAAM,EAAE,UAAU,WAAY,+BAK3E;AAED,wBAAgB,MAAM,CAAE,CAAC,EAAE,MAAM,oBAEhC;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,UAU9D"}

package/build/vite/utils.js

@@ -1,3 +1,4 @@
+/* eslint-disable quotes */
 import fs from 'node:fs/promises';
 import url from 'node:url';
 import path from 'node:path';
@@ -9,6 +10,8 @@ export async function getTemplate(options, env, spec, p = process) {
     const root = options.rootDir || process.cwd();
     const rootFileUrl = url.pathToFileURL(root).href;
     const isHeadless = options.headless || Boolean(process.env.CI);
+    const alias = options.viteConfig?.resolve?.alias || {};
+    const usesTailwindCSS = await hasFileByExtensions(path.join(root, 'tailwind.config'));
     let vueDeps = '';
     if (options.preset === 'vue') {
         try {
@@ -49,9 +52,26 @@ export async function getTemplate(options, env, spec, p = process) {
         <head>
             <title>WebdriverIO Browser Test</title>
             <link rel="icon" type="image/x-icon" href="https://webdriver.io/img/favicon.png">
+            ${usesTailwindCSS ? /*html*/ `<link rel="stylesheet" href="/node_modules/tailwindcss/tailwind.css">` : ''}
             <script type="module">
+                const alias = ${JSON.stringify(alias)}
                 window.__wdioMockCache__ = new Map()
                 window.wdioImport = function (modName, mod) {
+                    /**
+                     * attempt to resolve direct import
+                     */
+                    if (window.__wdioMockCache__.get(modName)) {
+                        return window.__wdioMockCache__.get(modName)
+                    }
+
+                    /**
+                     * if above fails, check if we have an alias for it
+                     */
+                    for (const [aliasName, aliasPath] of Object.entries(alias)) {
+                        if (modName.slice(0, aliasName.length) === aliasName) {
+                            modName = modName.replace(aliasName, aliasPath)
+                        }
+                    }
                     if (window.__wdioMockCache__.get(modName)) {
                         return window.__wdioMockCache__.get(modName)
                     }
@@ -86,7 +106,7 @@ export async function getTemplate(options, env, spec, p = process) {
                     env: ${JSON.stringify(p.env)},
                     stdout: {},
                     stderr: {},
-                    cwd: () => '${p.cwd()}',
+                    cwd: () => ${JSON.stringify(p.cwd())},
                 }
             </script>
             <script type="module" src="@wdio/browser-runner/setup"></script>
@@ -171,6 +191,16 @@ export async function getManualMocks(automockDir) {
     }
     return mockedModulesList;
 }
+const EXTENSION = ['.js', '.ts', '.mjs', '.cjs', '.mts'];
+export async function hasFileByExtensions(p, extensions = EXTENSION) {
+    return (await Promise.all([
+        fs.access(p).then(() => p, () => undefined),
+        ...extensions.map((ext) => fs.access(p + ext).then(() => p + ext, () => undefined))
+    ])).filter(Boolean)[0];
+}
+export function hasDir(p) {
+    return fs.stat(p).then((s) => s.isDirectory(), () => false);
+}
 export function getErrorTemplate(filename, error) {
     return /*html*/ `
         <pre>${error.stack}</pre>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wdio/browser-runner",
-  "version": "8.13.12",
+  "version": "8.14.0",
   "description": "A WebdriverIO runner to run unit tests tests in the browser.",
   "author": "Christian Bromann <mail@bromann.dev>",
   "homepage": "https://github.com/webdriverio/webdriverio/tree/main/packages/wdio-browser-runner",
@@ -35,13 +35,13 @@
     "@types/istanbul-lib-source-maps": "^4.0.1",
     "@types/node": "^20.1.0",
     "@vitest/spy": "^0.33.0",
-    "@wdio/globals": "8.13.12",
-    "@wdio/local-runner": "8.13.12",
+    "@wdio/globals": "8.14.0",
+    "@wdio/local-runner": "8.14.0",
     "@wdio/logger": "8.11.0",
-    "@wdio/mocha-framework": "8.12.1",
+    "@wdio/mocha-framework": "8.14.0",
     "@wdio/protocols": "8.11.0",
-    "@wdio/types": "8.10.4",
-    "@wdio/utils": "8.12.1",
+    "@wdio/types": "8.14.0",
+    "@wdio/utils": "8.14.0",
     "ast-types": "^0.14.2",
     "deepmerge-ts": "^5.0.0",
     "expect-webdriverio": "^4.2.5",
@@ -59,8 +59,8 @@
     "vite": "~4.4.6",
     "vite-plugin-istanbul": "^5.0.0",
     "vite-plugin-top-level-await": "^1.3.0",
-    "webdriver": "8.13.1",
-    "webdriverio": "8.13.12",
+    "webdriver": "8.14.0",
+    "webdriverio": "8.14.0",
     "ws": "^8.13.0"
   },
   "scripts": {
@@ -71,7 +71,7 @@
   },
   "devDependencies": {
     "@types/ws": "^8.5.4",
-    "@wdio/runner": "8.13.12"
+    "@wdio/runner": "8.14.0"
   },
-  "gitHead": "bd86d6975458ad8bba3fd87f2af505e1537204db"
+  "gitHead": "cb2092b007e6d2ac23a49aa30dae67d70e45906d"
 }

package/build/vite/frameworks/utils.d.ts

@@ -1,2 +0,0 @@
-export declare function hasFile(p: string): Promise<boolean>;
-//# sourceMappingURL=utils.d.ts.map

package/build/vite/frameworks/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/vite/frameworks/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,CAAE,CAAC,EAAE,MAAM,oBAEjC"}

package/build/vite/frameworks/utils.js

@@ -1,4 +0,0 @@
-import fs from 'node:fs/promises';
-export function hasFile(p) {
-    return fs.access(p).then(() => true, () => false);
-}