@wdio/browser-runner 8.29.2 → 8.29.5

package/build/browser/fixtures/stencil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stencil.d.ts","sourceRoot":"","sources":["../../../src/browser/fixtures/stencil.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAKR,kBAAkB,EACrB,MAAM,wBAAwB,CAAA;AAe/B,UAAU,kBAAkB;IACxB;;;;OAIG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,kBAAkB,GAAG,kBAAkB,CA4HnE;AAsGD;;;;;GAKG;AACH,0BAAkB,SAAS;IACvB;;;OAGG;IACH,sBAAsB,IAAS;IAC/B;;;OAGG;IACH,sBAAsB,IAAS;IAC/B;;OAEG;IACH,iBAAiB,IAAS;IAM1B;;;;;OAKG;IACH,kBAAkB,IAAS;IAC3B;;;OAGG;IACH,oBAAoB,KAAS;IAC7B;;OAEG;IACH,OAAO,KAAS;IAEhB;;;;;OAKG;IACH,wBAAwB,KAA8C;CACzE;AASD;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,iBACrB,GAAG,kBACD,OAAO,KACxB,GAyBF,CAAA"}

package/build/{vite/frameworks → browser}/fixtures/stencil.js

@@ -8,7 +8,7 @@ process.nextTick = (cb) => setTimeout(cb, 0);
 window.React = {
     createElement: h,
 };
-import { bootstrapLazy, flushAll, insertVdomAnnotations, registerComponents, registerModule, renderVdom, setSupportsShadowDom, startAutoApplyChanges, styles, win, writeTask,
+import { bootstrapLazy, flushAll, insertVdomAnnotations, registerComponents, registerModule, renderVdom, setSupportsShadowDom, startAutoApplyChanges, styles, writeTask,
 // @ts-expect-error
  } from '@stencil/core/internal/testing/index.js';
 /**
@@ -20,14 +20,15 @@ export function render(opts) {
     if (!opts) {
         throw new Error('NewSpecPageOptions required');
     }
+    const components = opts.components || [];
     const stencilStage = document.querySelector('stencil-stage');
     if (stencilStage) {
         stencilStage.remove();
     }
-    const stage = document.createElement('stencil-stage');
-    document.body.appendChild(stage);
-    if (Array.isArray(opts.components)) {
-        registerComponents(opts.components);
+    const container = document.createElement('stencil-stage');
+    document.body.appendChild(container);
+    if (Array.isArray(components)) {
+        registerComponents(components);
     }
     if (opts.hydrateClientSide) {
         opts.includeAnnotations = true;
@@ -46,14 +47,7 @@ export function render(opts) {
         }
     }
     const cmpTags = new Set();
-    const doc = win.document;
-    const page = {
-        win: win,
-        doc: doc,
-        body: stage,
-        styles
-    };
-    const lazyBundles = opts.components.map((Cstr) => {
+    const lazyBundles = components.map((Cstr) => {
         // eslint-disable-next-line eqeqeq
         if (Cstr.COMPILER_META == null) {
             throw new Error('Invalid component class: Missing static "COMPILER_META" property.');
@@ -83,11 +77,16 @@ export function render(opts) {
         const lazyBundleRuntimeMeta = formatLazyBundleRuntimeMeta(bundleId, [Cstr.COMPILER_META]);
         return lazyBundleRuntimeMeta;
     });
+    const page = {
+        container,
+        styles,
+        flushAll
+    };
     if (typeof opts.direction === 'string') {
-        page.doc.documentElement.setAttribute('dir', opts.direction);
+        document.documentElement.setAttribute('dir', opts.direction);
     }
     if (typeof opts.language === 'string') {
-        page.doc.documentElement.setAttribute('lang', opts.language);
+        document.documentElement.setAttribute('lang', opts.language);
     }
     bootstrapLazy(lazyBundles);
     if (typeof opts.template === 'function') {
@@ -100,7 +99,7 @@ export function render(opts) {
             $flags$: 0,
             $modeName$: undefined,
             $cmpMeta$: cmpMeta,
-            $hostElement$: page.body,
+            $hostElement$: document.body,
         };
         renderVdom(ref, opts.template());
     }
@@ -108,12 +107,12 @@ export function render(opts) {
     Object.defineProperty(page, 'root', {
         get() {
             if (!rootComponent) {
-                rootComponent = findRootComponent(cmpTags, page.body);
+                rootComponent = findRootComponent(cmpTags, document.body);
             }
             if (rootComponent) {
                 return rootComponent;
             }
-            const firstElementChild = page.body.firstElementChild;
+            const firstElementChild = document.body.firstElementChild;
             if (!firstElementChild) {
                 return firstElementChild;
             }
@@ -121,13 +120,12 @@ export function render(opts) {
         },
     });
     if (opts.hydrateServerSide) {
-        insertVdomAnnotations(doc, []);
+        insertVdomAnnotations(document, []);
     }
     if (opts.autoApplyChanges) {
         startAutoApplyChanges();
     }
-    flushAll();
-    return { flushAll };
+    return page;
 }
 /**
  * A helper method that proxies Stencil lifecycle methods by mutating the provided component class

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

@@ -1,4 +1,8 @@
 import type { InlineConfig } from 'vite';
 export declare function isUsingStencilJS(rootDir: string, options: WebdriverIO.BrowserRunnerOptions): Promise<boolean>;
 export declare function optimizeForStencil(rootDir: string): Promise<InlineConfig>;
+/**
+ * helper method to import a Stencil config file
+ */
+export declare function importStencilConfig(rootDir: string): Promise<any>;
 //# sourceMappingURL=stencil.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"stencil.d.ts","sourceRoot":"","sources":["../../../src/vite/frameworks/stencil.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAU,MAAM,MAAM,CAAA;AAahD,wBAAsB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,oBAAoB,oBAEhG;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,MAAM,yBAwBvD"}
+{"version":3,"file":"stencil.d.ts","sourceRoot":"","sources":["../../../src/vite/frameworks/stencil.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAU,MAAM,MAAM,CAAA;AAahD,wBAAsB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,oBAAoB,oBAEhG;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,MAAM,yBAwBvD;AAwID;;GAEG;AACH,wBAAsB,mBAAmB,CAAC,OAAO,EAAE,MAAM,gBAaxD"}

package/build/vite/frameworks/stencil.js

@@ -8,7 +8,7 @@ export async function isUsingStencilJS(rootDir, options) {
     return Boolean(options.preset === 'stencil' || await hasFileByExtensions(path.join(rootDir, 'stencil.config')));
 }
 export async function optimizeForStencil(rootDir) {
-    const stencilConfig = await import(path.join(rootDir, 'stencil.config.ts')).catch(() => ({ config: {} }));
+    const stencilConfig = await importStencilConfig(rootDir);
     const stencilPlugins = stencilConfig.config.plugins;
     const stencilOptimizations = {
         plugins: [await stencilVitePlugin(rootDir)],
@@ -30,7 +30,7 @@ export async function optimizeForStencil(rootDir) {
 }
 async function stencilVitePlugin(rootDir) {
     const { transpileSync, ts } = await import('@stencil/core/compiler/stencil.js');
-    const stencilHelperPath = path.resolve(__dirname, 'fixtures', 'stencil.js');
+    const stencilHelperPath = path.resolve(__dirname, '..', '..', 'browser', 'fixtures', 'stencil.js');
     return {
         name: 'wdio-stencil',
         enforce: 'pre',
@@ -45,7 +45,28 @@ async function stencilVitePlugin(rootDir) {
                 .filter((imp) => imp.specifier === STENCIL_IMPORT)
                 .map((imp) => parseStaticImport(imp));
             const isStencilComponent = stencilImports.some((imp) => 'Component' in (imp.namedImports || {}));
+            /**
+             * if file doesn't define a Stencil component
+             */
             if (!isStencilComponent) {
+                /**
+                 * if a test imports the `@wdio/browser-runner/stencil` package we want to automatically
+                 * import `h` and `Fragment` from the `@stencil/core` package
+                 */
+                const stencilHelperImport = staticImports.find((imp) => imp.specifier === '@wdio/browser-runner/stencil');
+                if (stencilHelperImport) {
+                    const imports = parseStaticImport(stencilHelperImport);
+                    const hasHImport = stencilImports.find((imp) => 'h' in (imp.namedImports || {}));
+                    const hasFragmentImport = stencilImports.find((imp) => 'Fragment' in (imp.namedImports || {}));
+                    if ('render' in (imports.namedImports || {})) {
+                        if (!hasHImport) {
+                            code = `import { h } from '@stencil/core';\n${code}`;
+                        }
+                        if (!hasFragmentImport) {
+                            code = `import { Fragment } from '@stencil/core';\n${code}`;
+                        }
+                    }
+                }
                 return { code };
             }
             const tsCompilerOptions = getCompilerOptions(ts, rootDir);
@@ -117,3 +138,18 @@ function getCompilerOptions(ts, rootDir) {
     _tsCompilerOptions = parseResult.options;
     return _tsCompilerOptions;
 }
+/**
+ * helper method to import a Stencil config file
+ */
+export async function importStencilConfig(rootDir) {
+    const configPath = path.join(rootDir, 'stencil.config.ts');
+    const config = await import(configPath).catch(() => ({ config: {} }));
+    /**
+     * if we import the config within a CJS environment we need to
+     * access the default property even though there is a named export
+     */
+    if ('default' in config) {
+        return config.default;
+    }
+    return config;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wdio/browser-runner",
-  "version": "8.29.2",
+  "version": "8.29.5",
   "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",
@@ -37,14 +37,14 @@
     "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@types/istanbul-lib-source-maps": "^4.0.1",
     "@vitest/spy": "^1.0.1",
-    "@wdio/globals": "8.29.1",
-    "@wdio/local-runner": "8.29.2",
+    "@wdio/globals": "8.29.3",
+    "@wdio/local-runner": "8.29.5",
     "@wdio/logger": "8.28.0",
-    "@wdio/mocha-framework": "8.29.1",
+    "@wdio/mocha-framework": "8.29.3",
     "@wdio/protocols": "^8.24.12",
-    "@wdio/runner": "8.29.2",
+    "@wdio/runner": "8.29.5",
     "@wdio/types": "8.29.1",
-    "@wdio/utils": "8.29.1",
+    "@wdio/utils": "8.29.3",
     "deepmerge-ts": "^5.0.0",
     "expect": "^29.7.0",
     "expect-webdriverio": "^4.9.3",
@@ -62,8 +62,8 @@
     "vite": "~4.5.0",
     "vite-plugin-istanbul": "^5.0.0",
     "vite-plugin-top-level-await": "^1.3.0",
-    "webdriver": "8.29.1",
-    "webdriverio": "8.29.1"
+    "webdriver": "8.29.3",
+    "webdriverio": "8.29.3"
   },
   "scripts": {
     "prepare": "rimraf node_modules/@wdio/config node_modules/@wdio/repl node_modules/@wdio/utils"
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "96b12554db896984d4c86f3ff1d85da36e04c4f3"
+  "gitHead": "35c91fce089a8aff2dc3ec1407d6b91bc5cf0c76"
 }

package/stencil/index.d.ts

@@ -6,7 +6,7 @@ interface RenderOptions {
     /**
      * An array of components to test. Component classes can be imported into the spec file, then their reference should be added to the `component` array in order to be used throughout the test.
      */
-    components: any[];
+    components?: any[];
     /**
      * If `false`, do not flush the render queue on initial test setup.
      */
@@ -65,6 +65,18 @@ interface StencilEnvironment {
      * wait for, and apply the update, call await `flushAll()`.
      */
     flushAll: () => void
+    /**
+     * All styles defined by components.
+     */
+    styles: Record<string, string>
+    /**
+     * Container element in which the template is being rendered.
+     */
+    container: HTMLElement
+    /**
+     * The root component of the template.
+     */
+    root: HTMLElement
 }
 
 export function render(opts: RenderOptions): StencilEnvironment

package/build/vite/frameworks/fixtures/stencil.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stencil.d.ts","sourceRoot":"","sources":["../../../../src/vite/frameworks/fixtures/stencil.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAKR,kBAAkB,EACrB,MAAM,wBAAwB,CAAA;AAgB/B,UAAU,kBAAkB;IACxB;;;;OAIG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,kBAAkB,GAAG,kBAAkB,CA+HnE;AAsGD;;;;;GAKG;AACH,0BAAkB,SAAS;IACvB;;;OAGG;IACH,sBAAsB,IAAS;IAC/B;;;OAGG;IACH,sBAAsB,IAAS;IAC/B;;OAEG;IACH,iBAAiB,IAAS;IAM1B;;;;;OAKG;IACH,kBAAkB,IAAS;IAC3B;;;OAGG;IACH,oBAAoB,KAAS;IAC7B;;OAEG;IACH,OAAO,KAAS;IAEhB;;;;;OAKG;IACH,wBAAwB,KAA8C;CACzE;AASD;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,iBACrB,GAAG,kBACD,OAAO,KACxB,GAyBF,CAAA"}