happy-dom 2.47.0 → 2.47.3

package/src/index.ts

@@ -99,10 +99,6 @@ import TreeWalker from './tree-walker/TreeWalker';
 import CustomElementRegistry from './custom-element/CustomElementRegistry';
 import XMLParser from './xml-parser/XMLParser';
 import XMLSerializer from './xml-serializer/XMLSerializer';
-import ElementTag from './config/ElementTag';
-import SelfClosingElements from './config/SelfClosingElements';
-import UnclosedElements from './config/UnclosedElements';
-import ChildLessElements from './config/ChildLessElements';
 import CSSStyleSheet from './css/CSSStyleSheet';
 import Storage from './storage/Storage';
 import URLSearchParams from './url-search-params/URLSearchParams';
@@ -210,10 +206,6 @@ export {
 	CustomElementRegistry,
 	XMLParser,
 	XMLSerializer,
-	ElementTag,
-	SelfClosingElements,
-	UnclosedElements,
-	ChildLessElements,
 	CSSStyleSheet,
 	Storage,
 	URLSearchParams,

package/src/nodes/document/Document.ts

@@ -1,5 +1,5 @@
 import Element from '../element/Element';
-import HTMLElement from '../html-element/HTMLElement';
+import HTMLUnknownElement from '../html-unknown-element/HTMLUnknownElement';
 import Text from '../text/Text';
 import Comment from '../comment/Comment';
 import Window from '../../window/Window';
@@ -572,21 +572,21 @@ export default class Document extends Node implements IDocument {
 		qualifiedName: string,
 		options?: { is: string }
 	): IElement {
+		const tagName = qualifiedName.toUpperCase();
+
 		let customElementClass;
 		if (this.defaultView && options && options.is) {
 			customElementClass = this.defaultView.customElements.get(options.is);
 		} else if (this.defaultView) {
-			customElementClass = this.defaultView.customElements.get(qualifiedName);
+			customElementClass = this.defaultView.customElements.get(tagName);
 		}
 
-		const elementClass = customElementClass
-			? customElementClass
-			: ElementTag[qualifiedName] || HTMLElement;
+		const elementClass = customElementClass || ElementTag[tagName] || HTMLUnknownElement;
 
 		elementClass.ownerDocument = this;
 
 		const element = new elementClass();
-		element.tagName = qualifiedName.toUpperCase();
+		element.tagName = tagName;
 		element.ownerDocument = this;
 		element.namespaceURI = namespaceURI;
 

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/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/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
-};