@stencil/core 4.22.3 → 4.23.0

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.22.3",
+  "version": "4.23.0",
   "description": "Stencil internal testing platform to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/mock-doc/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc (CommonJS) v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.23.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -6301,7 +6301,7 @@ function serializeNodeToHtml(elm, serializationOptions = {}) {
     text: []
   };
   let renderedNode = "";
-  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(elm.childNodes);
+  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(getChildNodes(elm));
   for (let i = 0, ii = children.length; i < ii; i++) {
     const child = children[i];
     const chunks = Array.from(streamToHtml(child, opts, output));
@@ -6334,7 +6334,7 @@ function* streamToHtml(node, opts, output) {
       const tag = tagName === shadowRootTag ? "template" : tagName;
       yield "<" + tag;
       output.currentLineWidth += tag.length + 1;
-      if (tag === "template") {
+      if (tag === "template" && (!node.getAttribute || !node.getAttribute("shadowrootmode"))) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
@@ -6418,7 +6418,8 @@ style="${cssText}">`;
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
         yield* streamToHtml(shadowRoot, opts, output);
         output.indent = output.indent - ((_d = opts.indentSpaces) != null ? _d : 0);
-        if (opts.newLines && (node.childNodes.length === 0 || node.childNodes.length === 1 && node.childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = node.childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
+        const childNodes = getChildNodes(node);
+        if (opts.newLines && (childNodes.length === 0 || childNodes.length === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
           yield "\n";
           output.currentLineWidth = 0;
           for (let i = 0; i < output.indent; i++) {
@@ -6429,7 +6430,7 @@ style="${cssText}">`;
       }
       if (opts.excludeTagContent == null || opts.excludeTagContent.includes(tagName) === false) {
         const tag = tagName === shadowRootTag ? "template" : tagName;
-        const childNodes = tagName === "template" ? node.content.childNodes : node.childNodes;
+        const childNodes = tagName === "template" ? node.content.childNodes : getChildNodes(node);
         const childNodeLength = childNodes.length;
         if (childNodeLength > 0) {
           if (childNodeLength === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && (typeof childNodes[0].nodeValue !== "string" || childNodes[0].nodeValue.trim() === "")) {
@@ -6602,6 +6603,9 @@ function isWithinWhitespaceSensitive(node) {
   }
   return false;
 }
+function getChildNodes(node) {
+  return node.__childNodes || node.childNodes;
+}
 var NON_ESCAPABLE_CONTENT = /* @__PURE__ */ new Set([
   "STYLE",
   "SCRIPT",
@@ -6871,10 +6875,12 @@ var MockElement = class extends MockNode2 {
   attachInternals() {
     return new Proxy({}, {
       get: function(_target, prop, _receiver) {
-        console.error(
-          `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
-Testing components with ElementInternals is fully supported in e2e tests.`
-        );
+        if ("process" in globalThis && globalThis.process.env.__STENCIL_SPEC_TESTS__) {
+          console.error(
+            `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
+  Testing components with ElementInternals is fully supported in e2e tests.`
+          );
+        }
       }
     });
   }

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.23.0 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts
@@ -6248,7 +6248,7 @@ function serializeNodeToHtml(elm, serializationOptions = {}) {
     text: []
   };
   let renderedNode = "";
-  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(elm.childNodes);
+  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(getChildNodes(elm));
   for (let i = 0, ii = children.length; i < ii; i++) {
     const child = children[i];
     const chunks = Array.from(streamToHtml(child, opts, output));
@@ -6281,7 +6281,7 @@ function* streamToHtml(node, opts, output) {
       const tag = tagName === shadowRootTag ? "template" : tagName;
       yield "<" + tag;
       output.currentLineWidth += tag.length + 1;
-      if (tag === "template") {
+      if (tag === "template" && (!node.getAttribute || !node.getAttribute("shadowrootmode"))) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
@@ -6365,7 +6365,8 @@ style="${cssText}">`;
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
         yield* streamToHtml(shadowRoot, opts, output);
         output.indent = output.indent - ((_d = opts.indentSpaces) != null ? _d : 0);
-        if (opts.newLines && (node.childNodes.length === 0 || node.childNodes.length === 1 && node.childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = node.childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
+        const childNodes = getChildNodes(node);
+        if (opts.newLines && (childNodes.length === 0 || childNodes.length === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
           yield "\n";
           output.currentLineWidth = 0;
           for (let i = 0; i < output.indent; i++) {
@@ -6376,7 +6377,7 @@ style="${cssText}">`;
       }
       if (opts.excludeTagContent == null || opts.excludeTagContent.includes(tagName) === false) {
         const tag = tagName === shadowRootTag ? "template" : tagName;
-        const childNodes = tagName === "template" ? node.content.childNodes : node.childNodes;
+        const childNodes = tagName === "template" ? node.content.childNodes : getChildNodes(node);
         const childNodeLength = childNodes.length;
         if (childNodeLength > 0) {
           if (childNodeLength === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && (typeof childNodes[0].nodeValue !== "string" || childNodes[0].nodeValue.trim() === "")) {
@@ -6549,6 +6550,9 @@ function isWithinWhitespaceSensitive(node) {
   }
   return false;
 }
+function getChildNodes(node) {
+  return node.__childNodes || node.childNodes;
+}
 var NON_ESCAPABLE_CONTENT = /* @__PURE__ */ new Set([
   "STYLE",
   "SCRIPT",
@@ -6818,10 +6822,12 @@ var MockElement = class extends MockNode2 {
   attachInternals() {
     return new Proxy({}, {
       get: function(_target, prop, _receiver) {
-        console.error(
-          `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
-Testing components with ElementInternals is fully supported in e2e tests.`
-        );
+        if ("process" in globalThis && globalThis.process.env.__STENCIL_SPEC_TESTS__) {
+          console.error(
+            `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
+  Testing components with ElementInternals is fully supported in e2e tests.`
+          );
+        }
       }
     });
   }

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.22.3",
+  "version": "4.23.0",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "4.22.3",
+  "version": "4.23.0",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -132,7 +132,7 @@
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "9.0.0",
     "@rollup/plugin-replace": "5.0.7",
-    "@rollup/pluginutils": "5.1.0",
+    "@rollup/pluginutils": "5.1.3",
     "@types/eslint": "^8.4.6",
     "@types/exit": "^0.1.31",
     "@types/fs-extra": "^11.0.0",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.23.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "4.22.3",
+  "version": "4.23.0",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.23.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;