happy-dom 2.46.3 → 2.47.2

package/src/nodes/element/IElement.ts

@@ -25,6 +25,8 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	innerHTML: string;
 	outerHTML: string;
 	slot: string;
+	readonly nodeName: string;
+	readonly localName: string;
 	readonly attributes: { [k: string]: Attr | number };
 
 	/**
@@ -36,6 +38,19 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	 */
 	attributeChangedCallback?(name: string, oldValue: string, newValue: string): void;
 
+	/**
+	 * Returns inner HTML and optionally the content of shadow roots.
+	 *
+	 * This is a feature implemented in Chromium, but not supported by Mozilla yet.
+	 *
+	 * @see https://web.dev/declarative-shadow-dom/
+	 * @see https://chromestatus.com/feature/5191745052606464
+	 * @param [options] Options.
+	 * @param [options.includeShadowRoots] Set to "true" to include shadow roots.
+	 * @returns HTML.
+	 */
+	getInnerHTML(options?: { includeShadowRoots?: boolean }): string;
+
 	/**
 	 * Sets an attribute.
 	 *
@@ -53,6 +68,13 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	 */
 	setAttributeNS(namespaceURI: string, name: string, value: string): void;
 
+	/**
+	 * Returns attribute names.
+	 *
+	 * @returns Attribute names.
+	 */
+	getAttributeNames(): string[];
+
 	/**
 	 * Returns attribute value.
 	 *

package/src/nodes/html-unknown-element/HTMLUnknownElement.ts

@@ -0,0 +1,52 @@
+import HTMLElement from '../html-element/HTMLElement';
+import INode from '../node/INode';
+import IHTMLElement from '../html-element/IHTMLElement';
+
+/**
+ * HTML Unknown Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLUnknownElement.
+ */
+export default class HTMLUnknownElement extends HTMLElement implements IHTMLElement {
+	private _customElementDefineCallback: () => void = null;
+
+	/**
+	 * Connects this element to another element.
+	 *
+	 * @param parentNode Parent node.
+	 */
+	public _connectToNode(parentNode: INode = null): void {
+		const tagName = this.tagName;
+
+		// This element can potentially be a custom element that has not been defined yet
+		// Therefore we need to register a callback for when it is defined in CustomElementRegistry and replace it with the registered element (see #404)
+		if (tagName.includes('-')) {
+			const callbacks = this.ownerDocument.defaultView.customElements._callbacks;
+
+			if (parentNode && !this._customElementDefineCallback) {
+				const callback = (): void => {
+					if (this.parentNode) {
+						const newElement = this.ownerDocument.createElement(tagName);
+						this.parentNode.insertBefore(newElement, this);
+						this.parentNode.removeChild(this);
+					}
+				};
+				callbacks[tagName] = callbacks[tagName] || [];
+				callbacks[tagName].push(callback);
+				this._customElementDefineCallback = callback;
+			} else if (!parentNode && callbacks[tagName] && this._customElementDefineCallback) {
+				const index = callbacks[tagName].indexOf(this._customElementDefineCallback);
+				if (index !== -1) {
+					callbacks[tagName].splice(index, 1);
+				}
+				if (!callbacks[tagName].length) {
+					delete callbacks[tagName];
+				}
+				this._customElementDefineCallback = null;
+			}
+		}
+
+		super._connectToNode(parentNode);
+	}
+}

package/src/nodes/node/Node.ts

@@ -491,9 +491,9 @@ export default class Node extends EventTarget implements INode {
 			}
 
 			// eslint-disable-next-line
-			if ((<any>this).shadowRoot) {
+			if ((<any>this)._shadowRoot) {
 				// eslint-disable-next-line
-				(<any>this).shadowRoot._connectToNode(this);
+				(<any>this)._shadowRoot._connectToNode(this);
 			}
 		}
 	}

package/src/window/IWindow.ts

@@ -11,6 +11,7 @@ import Element from '../nodes/element/Element';
 import HTMLTemplateElement from '../nodes/html-template-element/HTMLTemplateElement';
 import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement';
 import HTMLElement from '../nodes/html-element/HTMLElement';
+import HTMLUnknownElement from '../nodes/html-unknown-element/HTMLUnknownElement';
 import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement';
 import HTMLTextAreaElement from '../nodes/html-text-area-element/HTMLTextAreaElement';
 import HTMLLinkElement from '../nodes/html-link-element/HTMLLinkElement';
@@ -90,6 +91,7 @@ export default interface IWindow extends IEventTarget {
 	// Global classes
 	readonly Node: typeof Node;
 	readonly HTMLElement: typeof HTMLElement;
+	readonly HTMLUnknownElement: typeof HTMLUnknownElement;
 	readonly HTMLTemplateElement: typeof HTMLTemplateElement;
 	readonly HTMLFormElement: typeof HTMLFormElement;
 	readonly HTMLInputElement: typeof HTMLInputElement;

package/src/window/Window.ts

@@ -12,6 +12,7 @@ import Element from '../nodes/element/Element';
 import HTMLTemplateElement from '../nodes/html-template-element/HTMLTemplateElement';
 import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement';
 import HTMLElement from '../nodes/html-element/HTMLElement';
+import HTMLUnknownElement from '../nodes/html-unknown-element/HTMLUnknownElement';
 import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement';
 import HTMLTextAreaElement from '../nodes/html-text-area-element/HTMLTextAreaElement';
 import HTMLLinkElement from '../nodes/html-link-element/HTMLLinkElement';
@@ -37,7 +38,7 @@ import URL from '../location/URL';
 import Location from '../location/Location';
 import NonImplementedEventTypes from '../event/NonImplementedEventTypes';
 import MutationObserver from '../mutation-observer/MutationObserver';
-import ElementClass from '../config/ElementClass';
+import NonImplemenetedElementClasses from '../config/NonImplemenetedElementClasses';
 import DOMParser from '../dom-parser/DOMParser';
 import XMLSerializer from '../xml-serializer/XMLSerializer';
 import ResizeObserver from '../resize-observer/ResizeObserver';
@@ -101,6 +102,7 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 	// Global classes
 	public readonly Node = Node;
 	public readonly HTMLElement = HTMLElement;
+	public readonly HTMLUnknownElement = HTMLUnknownElement;
 	public readonly HTMLTemplateElement = HTMLTemplateElement;
 	public readonly HTMLFormElement = HTMLFormElement;
 	public readonly HTMLInputElement = HTMLInputElement;
@@ -282,9 +284,9 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 			}
 		}
 
-		for (const className of Object.keys(ElementClass)) {
+		for (const className of NonImplemenetedElementClasses) {
 			if (!this[className]) {
-				this[className] = ElementClass[className];
+				this[className] = HTMLElement;
 			}
 		}
 

package/src/xml-serializer/XMLSerializer.ts

@@ -9,18 +9,17 @@ import IElement from '../nodes/element/IElement';
 
 /**
  * Utility for converting an element to string.
- *
- * @class QuerySelector
  */
 export default class XMLSerializer {
 	/**
 	 * Renders an element as HTML.
 	 *
-	 * @param element Element to render.
-	 * @param root
+	 * @param root Root element.
+	 * @param [options] Options.
+	 * @param [options.includeShadowRoots] Set to "true" to include shadow roots.
 	 * @returns Result.
 	 */
-	public serializeToString(root: INode): string {
+	public serializeToString(root: INode, options?: { includeShadowRoots?: boolean }): string {
 		switch (root.nodeType) {
 			case Node.ELEMENT_NODE:
 				const element = <Element>root;
@@ -33,8 +32,19 @@ export default class XMLSerializer {
 				}
 
 				let innerHTML = '';
+
 				for (const node of root.childNodes) {
-					innerHTML += this.serializeToString(node);
+					innerHTML += this.serializeToString(node, options);
+				}
+
+				if (options?.includeShadowRoots && element.shadowRoot) {
+					innerHTML += `<template shadowroot="${element.shadowRoot.mode}">`;
+
+					for (const node of element.shadowRoot.childNodes) {
+						innerHTML += this.serializeToString(node, options);
+					}
+
+					innerHTML += '</template>';
 				}
 
 				return `<${tagName}${this._getAttributes(element)}>${innerHTML}</${tagName}>`;
@@ -42,7 +52,7 @@ export default class XMLSerializer {
 			case Node.DOCUMENT_NODE:
 				let html = '';
 				for (const node of root.childNodes) {
-					html += this.serializeToString(node);
+					html += this.serializeToString(node, options);
 				}
 				return html;
 			case Node.COMMENT_NODE:

package/lib/config/ElementClass.d.ts

@@ -1,65 +0,0 @@
-import HTMLElement from '../nodes/html-element/HTMLElement';
-declare const _default: {
-    HTMLElement: typeof HTMLElement;
-    HTMLHeadElement: typeof HTMLElement;
-    HTMLTitleElement: typeof HTMLElement;
-    HTMLBaseElement: typeof HTMLElement;
-    HTMLMetaElement: typeof HTMLElement;
-    HTMLBodyElement: typeof HTMLElement;
-    HTMLHeadingElement: typeof HTMLElement;
-    HTMLParagraphElement: typeof HTMLElement;
-    HTMLHRElement: typeof HTMLElement;
-    HTMLPreElement: typeof HTMLElement;
-    HTMLUListElement: typeof HTMLElement;
-    HTMLOListElement: typeof HTMLElement;
-    HTMLLIElement: typeof HTMLElement;
-    HTMLMenuElement: typeof HTMLElement;
-    HTMLDListElement: typeof HTMLElement;
-    HTMLDivElement: typeof HTMLElement;
-    HTMLAnchorElement: typeof HTMLElement;
-    HTMLAreaElement: typeof HTMLElement;
-    HTMLBRElement: typeof HTMLElement;
-    HTMLButtonElement: typeof HTMLElement;
-    HTMLCanvasElement: typeof HTMLElement;
-    HTMLDataElement: typeof HTMLElement;
-    HTMLDataListElement: typeof HTMLElement;
-    HTMLDetailsElement: typeof HTMLElement;
-    HTMLDialogElement: typeof HTMLElement;
-    HTMLDirectoryElement: typeof HTMLElement;
-    HTMLFieldSetElement: typeof HTMLElement;
-    HTMLFontElement: typeof HTMLElement;
-    HTMLHtmlElement: typeof HTMLElement;
-    HTMLLegendElement: typeof HTMLElement;
-    HTMLMapElement: typeof HTMLElement;
-    HTMLMarqueeElement: typeof HTMLElement;
-    HTMLMediaElement: typeof HTMLElement;
-    HTMLMeterElement: typeof HTMLElement;
-    HTMLModElement: typeof HTMLElement;
-    HTMLOptGroupElement: typeof HTMLElement;
-    HTMLOptionElement: typeof HTMLElement;
-    HTMLOutputElement: typeof HTMLElement;
-    HTMLPictureElement: typeof HTMLElement;
-    HTMLProgressElement: typeof HTMLElement;
-    HTMLQuoteElement: typeof HTMLElement;
-    HTMLSelectElement: typeof HTMLElement;
-    HTMLSourceElement: typeof HTMLElement;
-    HTMLSpanElement: typeof HTMLElement;
-    HTMLTableCaptionElement: typeof HTMLElement;
-    HTMLTableCellElement: typeof HTMLElement;
-    HTMLTableColElement: typeof HTMLElement;
-    HTMLTableElement: typeof HTMLElement;
-    HTMLTimeElement: typeof HTMLElement;
-    HTMLTableRowElement: typeof HTMLElement;
-    HTMLTableSectionElement: typeof HTMLElement;
-    HTMLUnknownElement: typeof HTMLElement;
-    HTMLFrameElement: typeof HTMLElement;
-    HTMLFrameSetElement: typeof HTMLElement;
-    HTMLIFrameElement: typeof HTMLElement;
-    HTMLEmbedElement: typeof HTMLElement;
-    HTMLObjectElement: typeof HTMLElement;
-    HTMLParamElement: typeof HTMLElement;
-    HTMLVideoElement: typeof HTMLElement;
-    HTMLAudioElement: typeof HTMLElement;
-    HTMLTrackElement: typeof HTMLElement;
-};
-export default _default;

package/lib/config/ElementClass.js

@@ -1,70 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var HTMLElement_1 = __importDefault(require("../nodes/html-element/HTMLElement"));
-exports.default = {
-    HTMLElement: HTMLElement_1.default,
-    HTMLHeadElement: HTMLElement_1.default,
-    HTMLTitleElement: HTMLElement_1.default,
-    HTMLBaseElement: HTMLElement_1.default,
-    HTMLMetaElement: HTMLElement_1.default,
-    HTMLBodyElement: HTMLElement_1.default,
-    HTMLHeadingElement: HTMLElement_1.default,
-    HTMLParagraphElement: HTMLElement_1.default,
-    HTMLHRElement: HTMLElement_1.default,
-    HTMLPreElement: HTMLElement_1.default,
-    HTMLUListElement: HTMLElement_1.default,
-    HTMLOListElement: HTMLElement_1.default,
-    HTMLLIElement: HTMLElement_1.default,
-    HTMLMenuElement: HTMLElement_1.default,
-    HTMLDListElement: HTMLElement_1.default,
-    HTMLDivElement: HTMLElement_1.default,
-    HTMLAnchorElement: HTMLElement_1.default,
-    HTMLAreaElement: HTMLElement_1.default,
-    HTMLBRElement: HTMLElement_1.default,
-    HTMLButtonElement: HTMLElement_1.default,
-    HTMLCanvasElement: HTMLElement_1.default,
-    HTMLDataElement: HTMLElement_1.default,
-    HTMLDataListElement: HTMLElement_1.default,
-    HTMLDetailsElement: HTMLElement_1.default,
-    HTMLDialogElement: HTMLElement_1.default,
-    HTMLDirectoryElement: HTMLElement_1.default,
-    HTMLFieldSetElement: HTMLElement_1.default,
-    HTMLFontElement: HTMLElement_1.default,
-    HTMLHtmlElement: HTMLElement_1.default,
-    HTMLLegendElement: HTMLElement_1.default,
-    HTMLMapElement: HTMLElement_1.default,
-    HTMLMarqueeElement: HTMLElement_1.default,
-    HTMLMediaElement: HTMLElement_1.default,
-    HTMLMeterElement: HTMLElement_1.default,
-    HTMLModElement: HTMLElement_1.default,
-    HTMLOptGroupElement: HTMLElement_1.default,
-    HTMLOptionElement: HTMLElement_1.default,
-    HTMLOutputElement: HTMLElement_1.default,
-    HTMLPictureElement: HTMLElement_1.default,
-    HTMLProgressElement: HTMLElement_1.default,
-    HTMLQuoteElement: HTMLElement_1.default,
-    HTMLSelectElement: HTMLElement_1.default,
-    HTMLSourceElement: HTMLElement_1.default,
-    HTMLSpanElement: HTMLElement_1.default,
-    HTMLTableCaptionElement: HTMLElement_1.default,
-    HTMLTableCellElement: HTMLElement_1.default,
-    HTMLTableColElement: HTMLElement_1.default,
-    HTMLTableElement: HTMLElement_1.default,
-    HTMLTimeElement: HTMLElement_1.default,
-    HTMLTableRowElement: HTMLElement_1.default,
-    HTMLTableSectionElement: HTMLElement_1.default,
-    HTMLUnknownElement: HTMLElement_1.default,
-    HTMLFrameElement: HTMLElement_1.default,
-    HTMLFrameSetElement: HTMLElement_1.default,
-    HTMLIFrameElement: HTMLElement_1.default,
-    HTMLEmbedElement: HTMLElement_1.default,
-    HTMLObjectElement: HTMLElement_1.default,
-    HTMLParamElement: HTMLElement_1.default,
-    HTMLVideoElement: HTMLElement_1.default,
-    HTMLAudioElement: HTMLElement_1.default,
-    HTMLTrackElement: HTMLElement_1.default
-};
-//# sourceMappingURL=ElementClass.js.map

package/lib/config/ElementClass.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElementClass.js","sourceRoot":"","sources":["../../src/config/ElementClass.ts"],"names":[],"mappings":";;;;;AAAA,kFAA4D;AAE5D,kBAAe;IACd,WAAW,EAAE,qBAAW;IACxB,eAAe,EAAE,qBAAW;IAC5B,gBAAgB,EAAE,qBAAW;IAC7B,eAAe,EAAE,qBAAW;IAC5B,eAAe,EAAE,qBAAW;IAC5B,eAAe,EAAE,qBAAW;IAC5B,kBAAkB,EAAE,qBAAW;IAC/B,oBAAoB,EAAE,qBAAW;IACjC,aAAa,EAAE,qBAAW;IAC1B,cAAc,EAAE,qBAAW;IAC3B,gBAAgB,EAAE,qBAAW;IAC7B,gBAAgB,EAAE,qBAAW;IAC7B,aAAa,EAAE,qBAAW;IAC1B,eAAe,EAAE,qBAAW;IAC5B,gBAAgB,EAAE,qBAAW;IAC7B,cAAc,EAAE,qBAAW;IAC3B,iBAAiB,EAAE,qBAAW;IAC9B,eAAe,EAAE,qBAAW;IAC5B,aAAa,EAAE,qBAAW;IAC1B,iBAAiB,EAAE,qBAAW;IAC9B,iBAAiB,EAAE,qBAAW;IAC9B,eAAe,EAAE,qBAAW;IAC5B,mBAAmB,EAAE,qBAAW;IAChC,kBAAkB,EAAE,qBAAW;IAC/B,iBAAiB,EAAE,qBAAW;IAC9B,oBAAoB,EAAE,qBAAW;IACjC,mBAAmB,EAAE,qBAAW;IAChC,eAAe,EAAE,qBAAW;IAC5B,eAAe,EAAE,qBAAW;IAC5B,iBAAiB,EAAE,qBAAW;IAC9B,cAAc,EAAE,qBAAW;IAC3B,kBAAkB,EAAE,qBAAW;IAC/B,gBAAgB,EAAE,qBAAW;IAC7B,gBAAgB,EAAE,qBAAW;IAC7B,cAAc,EAAE,qBAAW;IAC3B,mBAAmB,EAAE,qBAAW;IAChC,iBAAiB,EAAE,qBAAW;IAC9B,iBAAiB,EAAE,qBAAW;IAC9B,kBAAkB,EAAE,qBAAW;IAC/B,mBAAmB,EAAE,qBAAW;IAChC,gBAAgB,EAAE,qBAAW;IAC7B,iBAAiB,EAAE,qBAAW;IAC9B,iBAAiB,EAAE,qBAAW;IAC9B,eAAe,EAAE,qBAAW;IAC5B,uBAAuB,EAAE,qBAAW;IACpC,oBAAoB,EAAE,qBAAW;IACjC,mBAAmB,EAAE,qBAAW;IAChC,gBAAgB,EAAE,qBAAW;IAC7B,eAAe,EAAE,qBAAW;IAC5B,mBAAmB,EAAE,qBAAW;IAChC,uBAAuB,EAAE,qBAAW;IACpC,kBAAkB,EAAE,qBAAW;IAC/B,gBAAgB,EAAE,qBAAW;IAC7B,mBAAmB,EAAE,qBAAW;IAChC,iBAAiB,EAAE,qBAAW;IAC9B,gBAAgB,EAAE,qBAAW;IAC7B,iBAAiB,EAAE,qBAAW;IAC9B,gBAAgB,EAAE,qBAAW;IAC7B,gBAAgB,EAAE,qBAAW;IAC7B,gBAAgB,EAAE,qBAAW;IAC7B,gBAAgB,EAAE,qBAAW;CAC7B,CAAC"}

package/src/config/ElementClass.ts

@@ -1,65 +0,0 @@
-import HTMLElement from '../nodes/html-element/HTMLElement';
-
-export default {
-	HTMLElement: HTMLElement,
-	HTMLHeadElement: HTMLElement,
-	HTMLTitleElement: HTMLElement,
-	HTMLBaseElement: HTMLElement,
-	HTMLMetaElement: HTMLElement,
-	HTMLBodyElement: HTMLElement,
-	HTMLHeadingElement: HTMLElement,
-	HTMLParagraphElement: HTMLElement,
-	HTMLHRElement: HTMLElement,
-	HTMLPreElement: HTMLElement,
-	HTMLUListElement: HTMLElement,
-	HTMLOListElement: HTMLElement,
-	HTMLLIElement: HTMLElement,
-	HTMLMenuElement: HTMLElement,
-	HTMLDListElement: HTMLElement,
-	HTMLDivElement: HTMLElement,
-	HTMLAnchorElement: HTMLElement,
-	HTMLAreaElement: HTMLElement,
-	HTMLBRElement: HTMLElement,
-	HTMLButtonElement: HTMLElement,
-	HTMLCanvasElement: HTMLElement,
-	HTMLDataElement: HTMLElement,
-	HTMLDataListElement: HTMLElement,
-	HTMLDetailsElement: HTMLElement,
-	HTMLDialogElement: HTMLElement,
-	HTMLDirectoryElement: HTMLElement,
-	HTMLFieldSetElement: HTMLElement,
-	HTMLFontElement: HTMLElement,
-	HTMLHtmlElement: HTMLElement,
-	HTMLLegendElement: HTMLElement,
-	HTMLMapElement: HTMLElement,
-	HTMLMarqueeElement: HTMLElement,
-	HTMLMediaElement: HTMLElement,
-	HTMLMeterElement: HTMLElement,
-	HTMLModElement: HTMLElement,
-	HTMLOptGroupElement: HTMLElement,
-	HTMLOptionElement: HTMLElement,
-	HTMLOutputElement: HTMLElement,
-	HTMLPictureElement: HTMLElement,
-	HTMLProgressElement: HTMLElement,
-	HTMLQuoteElement: HTMLElement,
-	HTMLSelectElement: HTMLElement,
-	HTMLSourceElement: HTMLElement,
-	HTMLSpanElement: HTMLElement,
-	HTMLTableCaptionElement: HTMLElement,
-	HTMLTableCellElement: HTMLElement,
-	HTMLTableColElement: HTMLElement,
-	HTMLTableElement: HTMLElement,
-	HTMLTimeElement: HTMLElement,
-	HTMLTableRowElement: HTMLElement,
-	HTMLTableSectionElement: HTMLElement,
-	HTMLUnknownElement: HTMLElement,
-	HTMLFrameElement: HTMLElement,
-	HTMLFrameSetElement: HTMLElement,
-	HTMLIFrameElement: HTMLElement,
-	HTMLEmbedElement: HTMLElement,
-	HTMLObjectElement: HTMLElement,
-	HTMLParamElement: HTMLElement,
-	HTMLVideoElement: HTMLElement,
-	HTMLAudioElement: HTMLElement,
-	HTMLTrackElement: HTMLElement
-};