salesforce · wjhsf · Sep 24, 2025 · Aug 28, 2025 · Sep 2, 2025 · Sep 2, 2025
@@ -1,6 +1,7 @@
 import { join } from 'node:path';
 import { LWC_VERSION } from '@lwc/shared';
 import * as options from '../helpers/options.js';
+import { resolvePathOutsideRoot } from '../helpers/utils.js';
 
 const pluck = (obj, keys) => Object.fromEntries(keys.map((k) => [k, obj[k]]));
 const maybeImport = (file, condition) => (condition ? `await import('${file}');` : '');
@@ -28,17 +29,14 @@ export default {
     // time out before they receive focus. But it also makes the full suite take 3x longer to run...
     // Potential workaround: https://github.com/modernweb-dev/web/issues/2588
     concurrency: 1,
-    filterBrowserLogs: () => false,
     nodeResolve: true,
     rootDir: join(import.meta.dirname, '..'),
     plugins: [
         {
+            name: 'lwc-base-plugin',
             resolveImport({ source }) {
                 if (source === 'wire-service') {
-                    // To serve files outside the web root (e.g. node_modules in the monorepo root),
-                    // @web/dev-server provides this "magic" path. It's hacky of us to use it directly.
-                    // `/__wds-outside-root__/${depth}/` === '../'.repeat(depth)
-                    return '/__wds-outside-root__/1/wire-service/dist/index.js';
+                    return resolvePathOutsideRoot('../wire-service/dist/index.js');
                 }
             },
             async transform(ctx) {
@@ -53,7 +51,6 @@ export default {
         `<!DOCTYPE html>
         <html>
           <head>
-            <!-- scripts are included in the head so that the body can be fully reset between tests -->
             <script type="module">
             globalThis.process = ${JSON.stringify({ env })};
             globalThis.lwcRuntimeFlags = ${JSON.stringify(

@@ -9,9 +9,6 @@ export default {
         // FIXME: These tests are just symlinks to integration-karma for now so the git diff smaller
         'test/**/*.spec.js',
 
-        // Hacky nonsense highly tailored to Karma
-        '!test/custom-elements-registry/index.spec.js',
-
         // Logging mismatches
         '!test/component/LightningElement.addEventListener/index.spec.js',
 

@@ -152,6 +152,7 @@ async function wrapHydrationTest(configPath) {
 
 /** @type {import('@web/dev-server-core').Plugin} */
 export default {
+    name: 'lwc-hydration-plugin',
     async serve(ctx) {
         // Hydration test "index.spec.js" files are actually just config files.
         // They don't directly define the tests. Instead, when we request the file,

@@ -116,6 +116,7 @@ const transform = async (ctx) => {
 
 /** @type {import('@web/dev-server-core').Plugin} */
 export default {
+    name: 'lwc-integration-plugin',
     async serve(ctx) {
         if (ctx.path.endsWith('.spec.js')) {
             return await transform(ctx);

@@ -262,3 +262,14 @@ export function expectEquivalentDOM(element, html) {
 
     expectEquivalent(element, fragment.body.firstChild);
 }
+
+export const resolvePathOutsideRoot = (file) => {
+    return file.replace(/^(\.\.\/)+?(.+?)$/, (_, outside, filepath) => {
+        // To serve files from outside the web root (e.g. from the monorepo root
+        // node_modules, @web/dev-server provides this "magic" path. It's hacky
+        // of us to use it it directly.
+        // '../'.repeat(depth) becomes `/__wds-outside-root__/${depth}/`
+        const depth = outside.length / 3;
+        return `/__wds-outside-root__/${depth}/${filepath}`;
+    });
+};