@stencil/vitest 1.11.6 → 1.12.1

package/dist/testing/render.d.ts

@@ -19,6 +19,13 @@ interface RenderOptions {
      * Spy configuration for this render call. Spies on methods, props, and lifecycle hooks.
      */
     spyOn?: SpyConfig;
+    /**
+     * The CustomElementRegistry in which the component is defined.
+     * Defaults to the global `customElements`. Pass a scoped registry when
+     * testing Scoped Custom Element Registry scenarios so that
+     * `whenDefined()` resolves against the correct registry.
+     */
+    registry?: CustomElementRegistry;
 }
 /**
  * Poll until element has dimensions (is rendered/visible in real browser).

package/dist/testing/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/testing/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAExF,UAAU,aAAa;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA+FD;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAyCtG;AAED;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAY5F;AAED;;GAEG;AACH,wBAAsB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,CAAC,GAAG,GAAG,EACvE,QAAQ,EAAE,GAAG,GAAG,MAAM,EACtB,OAAO,GAAE,aAGR,GACA,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAyL7B"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/testing/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAExF,UAAU,aAAa;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AA+FD;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAyCtG;AAED;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAY5F;AAED;;GAEG;AACH,wBAAsB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,CAAC,GAAG,GAAG,EACvE,QAAQ,EAAE,GAAG,GAAG,MAAM,EACtB,OAAO,GAAE,aAGR,GACA,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CA4L7B"}

package/dist/testing/render.js

@@ -145,7 +145,10 @@ export async function render(template, options = {
     clearStage: true,
     stageAttrs: { class: 'stencil-component-stage' },
 }) {
-    const container = document.createElement('div');
+    // @ts-ignore - customElementRegistry is new and it's fine
+    const container = document.createElement('div', {
+        customElementRegistry: options.registry ?? customElements,
+    });
     Object.entries(options.stageAttrs || {}).forEach(([key, value]) => {
         container.setAttribute(key, value);
     });
@@ -176,7 +179,7 @@ export async function render(template, options = {
     }
     else {
         // Use Stencil's render which handles VNodes properly in the browser
-        await stencilRender(template, container);
+        stencilRender(template, container);
     }
     // Get the rendered element
     const element = container.firstElementChild;
@@ -220,7 +223,7 @@ export async function render(template, options = {
         // Wait for custom element to be defined
         const tagName = element.tagName.toLowerCase();
         if (tagName.includes('-')) {
-            await customElements.whenDefined(tagName);
+            await (options.registry ?? customElements).whenDefined(tagName);
         }
         // Wait for component to be ready
         if (typeof element.componentOnReady === 'function') {

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/stenciljs/vitest"
   },
-  "version": "1.11.6",
+  "version": "1.12.1",
   "description": "First-class testing utilities for Stencil design systems with Vitest",
   "license": "MIT",
   "type": "module",
@@ -104,7 +104,7 @@
   "dependencies": {
     "jiti": "^2.6.1",
     "local-pkg": "^1.1.2",
-    "vitest-environment-stencil": "1.11.6"
+    "vitest-environment-stencil": "1.12.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",