@stencil/vitest 1.9.1 → 1.9.3

package/dist/bin/stencil-test.js

@@ -3,6 +3,28 @@ import { spawn } from 'child_process';
 import { existsSync, unlinkSync, writeFileSync } from 'fs';
 import { extname, join } from 'path';
 import { createJiti } from 'jiti';
+/**
+ * Creates a clean environment for spawning npm/npx commands.
+ * Filters out pnpm-specific npm_config_* variables that npm doesn't recognize,
+ * which cause warnings like "Unknown env config" in npm 10+.
+ */
+function getCleanNpmEnv(extraEnv = {}) {
+    const pnpmOnlyConfigs = new Set([
+        'npm_config_npm-globalconfig',
+        'npm_config_verify-deps-before-run',
+        'npm_config_catalog',
+        'npm_config__jsr-registry',
+        'npm_config_only-built-dependencies',
+        'npm_globalconfig_only-built-dependencies',
+    ]);
+    const cleanEnv = {};
+    for (const [key, value] of Object.entries(process.env)) {
+        if (!pnpmOnlyConfigs.has(key)) {
+            cleanEnv[key] = value;
+        }
+    }
+    return { ...cleanEnv, ...extraEnv };
+}
 function parseArgs(argv) {
     const parsed = {
         watch: false,
@@ -235,14 +257,13 @@ function runTests() {
         cwd,
         stdio: 'inherit',
         shell: true,
-        env: {
-            ...process.env,
+        env: getCleanNpmEnv({
             NODE_ENV: 'test',
             // Expose CLI flags to tests via environment variables
             STENCIL_PROD: args.prod ? 'true' : '',
             STENCIL_SERVE: args.serve ? 'true' : '',
             STENCIL_PORT: args.port || '',
-        },
+        }),
     });
     vitestProcess.on('exit', (code) => {
         isRunningTests = false;
@@ -631,6 +652,7 @@ process.on('SIGTERM', () => cleanup());
     stencilProcess = spawn('npx', stencilArgs, {
         cwd,
         shell: true,
+        env: getCleanNpmEnv(),
     });
     // Pipe stdout and watch for build completion
     stencilProcess.stdout?.on('data', handleStencilOutput);

package/dist/testing/render.js

@@ -172,19 +172,6 @@ export async function render(template, options = {
     if (!element) {
         throw new Error('Failed to render component');
     }
-    // Wait for custom element to be defined
-    const tagName = element.tagName.toLowerCase();
-    if (tagName.includes('-')) {
-        await customElements.whenDefined(tagName);
-    }
-    // Wait for component to be ready
-    if (typeof element.componentOnReady === 'function') {
-        await element.componentOnReady();
-    }
-    // Clear per-render spy config after component is ready
-    if (options.spyOn) {
-        setRenderSpyConfig(null);
-    }
     // Define waitForChanges first so we can use it in the ready check
     function waitForChanges(documentElement = element) {
         return new Promise((resolve) => {
@@ -219,11 +206,24 @@ export async function render(template, options = {
     }
     // Wait for component to be fully rendered if requested (default: true)
     if (options.waitForReady !== false) {
+        // Wait for custom element to be defined
+        const tagName = element.tagName.toLowerCase();
+        if (tagName.includes('-')) {
+            await customElements.whenDefined(tagName);
+        }
+        // Wait for component to be ready
+        if (typeof element.componentOnReady === 'function') {
+            await element.componentOnReady();
+        }
         // Wait for Stencil's hydration flag (skipped if hydration disabled)
         await waitForHydrated(element);
-        // Always wait for Stencil's update cycle to complete
+        // Wait for Stencil's update cycle to complete
         await waitForChanges();
     }
+    // Clear per-render spy config after component is ready
+    if (options.spyOn) {
+        setRenderSpyConfig(null);
+    }
     const setProps = async (newProps) => {
         Object.entries(newProps).forEach(([key, value]) => {
             element[key] = value;

package/package.json

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