@wdio/browser-runner 8.29.5 → 8.29.6

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

@@ -1,12 +1,5 @@
+import type { StencilEnvironment } from '../../../stencil/index.d.ts';
 import type { NewSpecPageOptions } from '@stencil/core/internal';
-interface StencilEnvironment {
-    /**
-     * After changes have been made to a component, such as a update to a property or
-     * attribute, the test page does not automatically apply the changes. In order to
-     * wait for, and apply the update, call await `flushAll()`.
-     */
-    flushAll: () => void;
-}
 /**
  * Creates a new spec page for unit testing
  * @param opts the options to apply to the spec page that influence its configuration and operation
@@ -67,5 +60,4 @@ export declare const enum CMP_FLAGS {
  * @returns a compact format for component metadata, intended for runtime use
  */
 export declare const formatComponentRuntimeMeta: (compilerMeta: any, includeMethods: boolean) => any;
-export {};
 //# sourceMappingURL=stencil.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"stencil.d.ts","sourceRoot":"","sources":["../../../src/browser/fixtures/stencil.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAgBrE,OAAO,KAAK,EAKR,kBAAkB,EACrB,MAAM,wBAAwB,CAAA;AAe/B;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,kBAAkB,GAAG,kBAAkB,CA2HnE;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/browser/fixtures/stencil.js

@@ -4,9 +4,12 @@ import { h } from '@stencil/core';
  * This is used by Stencil.js internally.
  */
 process.nextTick = (cb) => setTimeout(cb, 0);
+/**
+ * in case the user has his tsconfig.json configured to expect "jsx" to be "react"
+ */
 // @ts-expect-error
 window.React = {
-    createElement: h,
+    createElement: h
 };
 import { bootstrapLazy, flushAll, insertVdomAnnotations, registerComponents, registerModule, renderVdom, setSupportsShadowDom, startAutoApplyChanges, styles, writeTask,
 // @ts-expect-error
@@ -71,16 +74,19 @@ export function render(opts) {
         }
         registerModule(bundleId, Cstr);
         /**
-         * Register the component as a custom element
+         * Register the component as a custom element only if not already registered
          */
-        customElements.define(Cstr.COMPILER_META.tagName, Cstr);
+        if (!customElements.get(Cstr.COMPILER_META.tagName)) {
+            customElements.define(Cstr.COMPILER_META.tagName, Cstr);
+        }
         const lazyBundleRuntimeMeta = formatLazyBundleRuntimeMeta(bundleId, [Cstr.COMPILER_META]);
         return lazyBundleRuntimeMeta;
     });
     const page = {
         container,
         styles,
-        flushAll
+        flushAll,
+        unmount: () => container.remove()
     };
     if (typeof opts.direction === 'string') {
         document.documentElement.setAttribute('dir', opts.direction);
@@ -99,7 +105,7 @@ export function render(opts) {
             $flags$: 0,
             $modeName$: undefined,
             $cmpMeta$: cmpMeta,
-            $hostElement$: document.body,
+            $hostElement$: container,
         };
         renderVdom(ref, opts.template());
     }
@@ -107,16 +113,12 @@ export function render(opts) {
     Object.defineProperty(page, 'root', {
         get() {
             if (!rootComponent) {
-                rootComponent = findRootComponent(cmpTags, document.body);
+                rootComponent = findRootComponent(cmpTags, container);
             }
             if (rootComponent) {
                 return rootComponent;
             }
-            const firstElementChild = document.body.firstElementChild;
-            if (!firstElementChild) {
-                return firstElementChild;
-            }
-            return null;
+            return container.firstElementChild;
         },
     });
     if (opts.hydrateServerSide) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wdio/browser-runner",
-  "version": "8.29.5",
+  "version": "8.29.6",
   "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",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "35c91fce089a8aff2dc3ec1407d6b91bc5cf0c76"
+  "gitHead": "45ff936ee5c76137bf96c15a2fc36c362a0ff693"
 }

package/stencil/index.d.ts

@@ -2,7 +2,7 @@
 /**
  * Options pertaining to the creation and functionality of a {@link SpecPage}
  */
-interface RenderOptions {
+export 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.
      */
@@ -58,7 +58,7 @@ interface RenderOptions {
     strictBuild?: boolean;
 }
 
-interface StencilEnvironment {
+export interface StencilEnvironment {
     /**
      * After changes have been made to a component, such as a update to a property or
      * attribute, the test page does not automatically apply the changes. In order to
@@ -70,13 +70,17 @@ interface StencilEnvironment {
      */
     styles: Record<string, string>
     /**
-     * Container element in which the template is being rendered.
+     * Container element in which the template is being rendered into.
      */
     container: HTMLElement
     /**
      * The root component of the template.
      */
     root: HTMLElement
+    /**
+     * Removes the container element from the DOM.
+     */
+    unmount: () => void
 }
 
 export function render(opts: RenderOptions): StencilEnvironment