@stencil/vitest 1.1.19 → 1.1.21

package/dist/testing/html-serializer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-serializer.d.ts","sourceRoot":"","sources":["../../src/testing/html-serializer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAkCH,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,WAAW,GAAG,UAAU,GAAG,gBAAgB,GAAG,MAAM,EAC3D,OAAO,GAAE,gBAAqB,GAC7B,MAAM,CAWR;AAyID;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAkDjD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAElD"}
+{"version":3,"file":"html-serializer.d.ts","sourceRoot":"","sources":["../../src/testing/html-serializer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAkCH,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,WAAW,GAAG,UAAU,GAAG,gBAAgB,GAAG,MAAM,EAC3D,OAAO,GAAE,gBAAqB,GAC7B,MAAM,CAWR;AAyID;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuDjD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAElD"}

package/dist/testing/html-serializer.js

@@ -195,14 +195,18 @@ export function prettifyHtml(html) {
                 lines.push(' '.repeat(indentLevel * indentSize) + part);
             }
             else if (part.endsWith('/>')) {
-                // Self-closing tag
+                // Self-closing tag (XML style)
                 lines.push(' '.repeat(indentLevel * indentSize) + part);
             }
             else {
                 // Opening tag
                 lines.push(' '.repeat(indentLevel * indentSize) + part);
-                // Increase indent for next content
-                indentLevel++;
+                // Check if it's a void element - if so, don't increase indent
+                const tagName = part.match(/<([^\s>/]+)/)?.[1]?.toLowerCase();
+                if (!tagName || !VOID_ELEMENTS.has(tagName)) {
+                    // Not a void element, increase indent for next content
+                    indentLevel++;
+                }
             }
         }
         else {

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

@@ -1 +1 @@
-{"version":3,"file":"matchers.d.ts","sourceRoot":"","sources":["../../src/testing/matchers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;GAEG;AACH,UAAU,cAAc,CAAC,CAAC,GAAG,OAAO;IAClC,mDAAmD;IACnD,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,CAAC;IAClC,qDAAqD;IACrD,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,gFAAgF;IAChF,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,2EAA2E;IAC3E,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;IACtD,mEAAmE;IACnE,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IACtD,sEAAsE;IACtE,iBAAiB,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5D,0EAA0E;IAC1E,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;IACjD,kEAAkE;IAClE,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC;IACnC,+EAA+E;IAC/E,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IACrC,mDAAmD;IACnD,gBAAgB,IAAI,CAAC,CAAC;IACtB,sFAAsF;IACtF,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IACrC,+FAA+F;IAC/F,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IAC1C,yDAAyD;IACzD,mBAAmB,IAAI,CAAC,CAAC;IACzB,6EAA6E;IAC7E,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC3C,uEAAuE;IACvE,yBAAyB,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IAC1C,wEAAwE;IACxE,8BAA8B,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IAC/C,uEAAuE;IACvE,6BAA6B,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IAC9C,kFAAkF;IAClF,4BAA4B,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;CAC7D;AAGD,OAAO,QAAQ,QAAQ,CAAC;IACtB,UAAU,SAAS,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;KAAG;IACzD,UAAU,4BAA6B,SAAQ,cAAc;KAAG;CACjE;AAkhBD,OAAO,EAAE,CAAC"}
+{"version":3,"file":"matchers.d.ts","sourceRoot":"","sources":["../../src/testing/matchers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;GAEG;AACH,UAAU,cAAc,CAAC,CAAC,GAAG,OAAO;IAClC,mDAAmD;IACnD,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,CAAC;IAClC,qDAAqD;IACrD,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,gFAAgF;IAChF,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,2EAA2E;IAC3E,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;IACtD,mEAAmE;IACnE,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IACtD,sEAAsE;IACtE,iBAAiB,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5D,0EAA0E;IAC1E,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;IACjD,kEAAkE;IAClE,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC;IACnC,+EAA+E;IAC/E,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IACrC,mDAAmD;IACnD,gBAAgB,IAAI,CAAC,CAAC;IACtB,sFAAsF;IACtF,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IACrC,+FAA+F;IAC/F,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IAC1C,yDAAyD;IACzD,mBAAmB,IAAI,CAAC,CAAC;IACzB,6EAA6E;IAC7E,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC3C,uEAAuE;IACvE,yBAAyB,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IAC1C,wEAAwE;IACxE,8BAA8B,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IAC/C,uEAAuE;IACvE,6BAA6B,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IAC9C,kFAAkF;IAClF,4BAA4B,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;CAC7D;AAGD,OAAO,QAAQ,QAAQ,CAAC;IACtB,UAAU,SAAS,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;KAAG;IACzD,UAAU,4BAA6B,SAAQ,cAAc;KAAG;CACjE;AAyiBD,OAAO,EAAE,CAAC"}

package/dist/testing/matchers.js

@@ -214,11 +214,14 @@ function toEqualHtml(received, expected) {
         throw new TypeError(`Element must be a resolved value, not a promise, before it can be tested`);
     }
     let receivedHtml;
+    let isStringComparison = false;
     // Serialize the received value
     if (typeof received === 'string') {
+        isStringComparison = true;
         const fragment = parseHtmlFragment(received);
-        // For string inputs, use innerHTML to avoid template wrapper
-        receivedHtml = fragment.innerHTML || fragment.textContent || '';
+        // Use serializeHtml to preserve all elements including the outer ones
+        // Don't prettify for comparison - we'll normalize instead
+        receivedHtml = serializeHtml(fragment, { serializeShadowRoot: true, pretty: false });
     }
     else if (received.nodeType === 11) {
         // Document fragment
@@ -232,9 +235,17 @@ function toEqualHtml(received, expected) {
         throw new TypeError(`expect.toEqualHtml() value should be an element, shadow root, or string`);
     }
     // Parse and serialize expected HTML for consistent formatting
-    // For expected HTML, just normalize whitespace without parsing through DOM
-    // to preserve custom elements like <mock:shadow-root>
-    let expectedHtml = normalizeHtml(expected.trim());
+    let expectedHtml;
+    if (isStringComparison) {
+        // When comparing strings, parse and serialize both the same way
+        const expectedFragment = parseHtmlFragment(expected.trim());
+        expectedHtml = serializeHtml(expectedFragment, { serializeShadowRoot: true, pretty: false });
+    }
+    else {
+        // For element comparisons, just normalize to preserve <mock:shadow-root> tags
+        expectedHtml = expected.trim();
+    }
+    expectedHtml = normalizeHtml(expectedHtml);
     receivedHtml = normalizeHtml(receivedHtml);
     const pass = receivedHtml === expectedHtml;
     return {
@@ -255,11 +266,14 @@ function toEqualLightHtml(received, expected) {
         throw new TypeError(`Element must be a resolved value, not a promise, before it can be tested`);
     }
     let receivedHtml;
+    let isStringComparison = false;
     // Serialize the received value (without shadow DOM)
     if (typeof received === 'string') {
+        isStringComparison = true;
         const fragment = parseHtmlFragment(received);
-        // For string inputs, use innerHTML to avoid template wrapper
-        receivedHtml = fragment.innerHTML || fragment.textContent || '';
+        // Use serializeHtml to preserve all elements including the outer ones
+        // Don't prettify for comparison - we'll normalize instead
+        receivedHtml = serializeHtml(fragment, { serializeShadowRoot: false, pretty: false });
     }
     else if (received.nodeType === 11) {
         // Document fragment
@@ -272,9 +286,18 @@ function toEqualLightHtml(received, expected) {
     else {
         throw new TypeError(`expect.toEqualLightHtml() value should be an element, shadow root, or string`);
     }
-    // For expected HTML, just normalize whitespace without parsing through DOM
-    // to preserve custom elements like <mock:shadow-root>
-    let expectedHtml = normalizeHtml(expected.trim());
+    // Parse and serialize expected HTML for consistent formatting
+    let expectedHtml;
+    if (isStringComparison) {
+        // When comparing strings, parse and serialize both the same way
+        const expectedFragment = parseHtmlFragment(expected.trim());
+        expectedHtml = serializeHtml(expectedFragment, { serializeShadowRoot: false, pretty: false });
+    }
+    else {
+        // For element comparisons, just normalize to preserve <mock:shadow-root> tags
+        expectedHtml = expected.trim();
+    }
+    expectedHtml = normalizeHtml(expectedHtml);
     receivedHtml = normalizeHtml(receivedHtml);
     const pass = receivedHtml === expectedHtml;
     return {

package/package.json

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