@stencil/vitest 1.11.5 → 1.12.0

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,MAAM,CA8FxE"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,MAAM,CAgGxE"}

package/dist/plugin.js

@@ -43,13 +43,14 @@ export function stencilVitestPlugin(opts = {}) {
             if (id.includes('.css') && id.includes('tag=')) {
                 const [relPath] = id.split('?');
                 const query = id.slice(id.indexOf('?'));
-                // Strip virtual prefix from importer if present
                 const realImporter = importer?.startsWith('\0stencil-style:')
                     ? importer.slice('\0stencil-style:'.length).split('?')[0] + '.css'
                     : importer;
-                const resolved = resolve(dirname(realImporter), relPath);
-                // Remove .css from virtual ID to prevent Vite's CSS plugin from hijacking the output
-                return '\0stencil-style:' + resolved.replace(/\.css$/, '') + query;
+                // Resolve bare specifiers from node_modules, otherwise resolve relative to importer
+                const resolved = !relPath.startsWith('.') && !relPath.startsWith('/')
+                    ? resolve(process.cwd(), 'node_modules', relPath.replace(/^~/, ''))
+                    : resolve(dirname(realImporter), relPath);
+                return '\0stencil-style:' + resolved.replace(/\.css$/, '') + (query || '');
             }
             return null;
         },
@@ -63,15 +64,13 @@ export function stencilVitestPlugin(opts = {}) {
         },
         async transform(code, id) {
             if (id.startsWith('\0stencil-style:')) {
-                // Reconstruct the original .css path for Stencil's transpiler (it uses extension to detect file type)
                 const pathWithoutPrefix = id.slice('\0stencil-style:'.length);
                 const [basePath, query] = pathWithoutPrefix.split('?');
                 const originalPath = basePath + '.css' + (query ? '?' + query : '');
-                const result = await transpile(code, { file: originalPath });
-                return {
-                    code: result.code,
-                    map: null,
-                };
+                const result = await transpile(code, {
+                    file: originalPath,
+                });
+                return { code: result.code, map: null };
             }
             // Only transform .tsx files
             if (!id.endsWith('.tsx')) {
@@ -94,14 +93,14 @@ export function stencilVitestPlugin(opts = {}) {
                     // 'customelement' appends a customElements.define() call so the component
                     // self-registers the moment this module is imported — no loader needed.
                     componentExport: 'customelement',
-                    componentMetadata: 'compilerstatic',
+                    componentMetadata: 'runtimestatic',
                     currentDirectory: process.cwd(),
                     module: 'esm',
                     proxy: null,
                     sourceMap: false,
                     style: opts.css ? 'static' : null,
                     styleImportData: opts.css ? 'queryparams' : null,
-                    target: 'es2022',
+                    target: 'es2017',
                     // Don't rewrite import paths — let Vite handle resolution via aliases
                     transformAliasedImportPaths: false,
                 });

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,CAyL7B"}

package/dist/testing/render.js

@@ -176,7 +176,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 +220,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.5",
+  "version": "1.12.0",
   "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.5"
+    "vitest-environment-stencil": "1.12.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",