@stencil/vitest 1.11.1 → 1.11.2

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

@@ -20,16 +20,6 @@ export declare function serializeHtml(input: HTMLElement | ShadowRoot | Document
  * Custom HTML prettifier
  */
 export declare function prettifyHtml(html: string): string;
-/**
- * Sort attributes alphabetically within every opening HTML tag in a string.
- * Used to normalise expected HTML strings before comparison so that attribute
- * order written by hand in tests does not have to match the order produced by
- * the runtime (which can differ between dev and prod Stencil builds).
- *
- * Handles double-quoted attribute values and bare boolean attributes.
- * Does NOT touch closing tags, self-closing tags, or text content.
- */
-export declare function sortAttributesInHtml(html: string): string;
 /**
  * Normalize HTML for comparison by removing extra whitespace
  */

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;AA6ID;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuDjD;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuBzD;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

@@ -69,14 +69,10 @@ function serializeElementWithShadow(element, excludeStyles, serializeShadowRoot
     const tagName = elem.localName || elem.tagName.toLowerCase();
     // Build opening tag with attributes
     let html = `<${tagName}`;
-    // Add attributes sorted alphabetically for deterministic output across dev/prod builds
+    // Add attributes
     if (elem.attributes) {
-        const attrs = Array.from(elem.attributes).sort((a, b) => {
-            const nameA = a.prefix && a.localName ? `${a.prefix}:${a.localName}` : a.name;
-            const nameB = b.prefix && b.localName ? `${b.prefix}:${b.localName}` : b.name;
-            return nameA < nameB ? -1 : nameA > nameB ? 1 : 0;
-        });
-        for (const attr of attrs) {
+        for (let i = 0; i < elem.attributes.length; i++) {
+            const attr = elem.attributes[i];
             // Handle namespaced attributes (e.g., xlink:href)
             // Use prefix + localName if available, otherwise fall back to name
             let attrName = attr.name;
@@ -220,35 +216,6 @@ export function prettifyHtml(html) {
     }
     return lines.join('\n');
 }
-/**
- * Sort attributes alphabetically within every opening HTML tag in a string.
- * Used to normalise expected HTML strings before comparison so that attribute
- * order written by hand in tests does not have to match the order produced by
- * the runtime (which can differ between dev and prod Stencil builds).
- *
- * Handles double-quoted attribute values and bare boolean attributes.
- * Does NOT touch closing tags, self-closing tags, or text content.
- */
-export function sortAttributesInHtml(html) {
-    // Match opening tags: capture tag name and the rest of the attribute string
-    return html.replace(/<([a-zA-Z][a-zA-Z0-9:._-]*)((?:\s[^>]*)?)>/g, (_match, tagName, attrStr) => {
-        if (!attrStr.trim()) {
-            return `<${tagName}>`;
-        }
-        // Parse individual attributes (boolean attrs and attr="value" attrs)
-        const attrPattern = /\s+([^\s=>"/]+)(?:="([^"]*?)")?/g;
-        const attrs = [];
-        let m;
-        while ((m = attrPattern.exec(attrStr)) !== null) {
-            attrs.push({ name: m[1], value: m[2] !== undefined ? m[2] : null });
-        }
-        attrs.sort((a, b) => (a.name < b.name ? -1 : a.name > b.name ? 1 : 0));
-        const sortedAttrStr = attrs
-            .map(({ name, value }) => (value === null ? ` ${name}` : ` ${name}="${value}"`))
-            .join('');
-        return `<${tagName}${sortedAttrStr}>`;
-    });
-}
 /**
  * Normalize HTML for comparison by removing extra whitespace
  */

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,yFAAyF;IACzF,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC;IACnC,4EAA4E;IAC5E,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC;IACxC,sGAAsG;IACtG,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IACrC,gHAAgH;IAChH,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IAC1C,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,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;KAAG;IAC/D,UAAU,4BAA6B,SAAQ,cAAc;KAAG;CACjE;AAmoBD,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,yFAAyF;IACzF,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC;IACnC,4EAA4E;IAC5E,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC;IACxC,sGAAsG;IACtG,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IACrC,gHAAgH;IAChH,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IAC1C,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,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;KAAG;IAC/D,UAAU,4BAA6B,SAAQ,cAAc;KAAG;CACjE;AAioBD,OAAO,EAAE,CAAC"}

package/dist/testing/matchers.js

@@ -4,7 +4,7 @@
  * These extend Vitest's expect with Stencil-specific assertions
  */
 import { expect } from 'vitest';
-import { serializeHtml, normalizeHtml, prettifyHtml, sortAttributesInHtml } from './html-serializer.js';
+import { serializeHtml, normalizeHtml, prettifyHtml } from './html-serializer.js';
 /**
  * Check if element has a class
  */
@@ -313,9 +313,8 @@ function toEqualHtml(received, expected) {
         expectedHtml = serializeHtml(expectedFragment, { serializeShadowRoot: true, pretty: false });
     }
     else {
-        // For element comparisons, sort attributes so hand-written expected HTML is
-        // order-independent (dev vs prod builds can reflect props in different orders)
-        expectedHtml = sortAttributesInHtml(expected.trim());
+        // For element comparisons, just normalize to preserve <mock:shadow-root> tags
+        expectedHtml = expected.trim();
     }
     expectedHtml = normalizeHtml(expectedHtml);
     receivedHtml = normalizeHtml(receivedHtml);
@@ -366,9 +365,8 @@ function toEqualLightHtml(received, expected) {
         expectedHtml = serializeHtml(expectedFragment, { serializeShadowRoot: false, pretty: false });
     }
     else {
-        // For element comparisons, sort attributes so hand-written expected HTML is
-        // order-independent (dev vs prod builds can reflect props in different orders)
-        expectedHtml = sortAttributesInHtml(expected.trim());
+        // For element comparisons, just normalize to preserve <mock:shadow-root> tags
+        expectedHtml = expected.trim();
     }
     expectedHtml = normalizeHtml(expectedHtml);
     receivedHtml = normalizeHtml(receivedHtml);

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/stenciljs/vitest"
   },
-  "version": "1.11.1",
+  "version": "1.11.2",
   "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.1"
+    "vitest-environment-stencil": "1.11.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",