happy-dom 13.7.7 → 13.7.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "happy-dom",
-  "version": "13.7.7",
+  "version": "13.7.8",
   "license": "MIT",
   "homepage": "https://github.com/capricorn86/happy-dom",
   "repository": "https://github.com/capricorn86/happy-dom",

package/src/custom-element/CustomElementRegistry.ts

@@ -2,6 +2,8 @@ import DOMException from '../exception/DOMException.js';
 import * as PropertySymbol from '../PropertySymbol.js';
 import HTMLElement from '../nodes/html-element/HTMLElement.js';
 import Node from '../nodes/node/Node.js';
+import IBrowserWindow from '../window/IBrowserWindow.js';
+import NamespaceURI from '../config/NamespaceURI.js';
 
 /**
  * Custom elements registry.
@@ -12,6 +14,16 @@ export default class CustomElementRegistry {
 	} = {};
 	public [PropertySymbol.registedClass]: Map<typeof HTMLElement, string> = new Map();
 	public [PropertySymbol.callbacks]: { [k: string]: (() => void)[] } = {};
+	#window: IBrowserWindow;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param window Window.
+	 */
+	constructor(window: IBrowserWindow) {
+		this.#window = window;
+	}
 
 	/**
 	 * Defines a custom element class.
@@ -44,6 +56,31 @@ export default class CustomElementRegistry {
 			);
 		}
 
+		const tagName = name.toUpperCase();
+
+		elementClass[PropertySymbol.ownerDocument] = this.#window.document;
+
+		Object.defineProperty(elementClass.prototype, 'localName', {
+			configurable: true,
+			get: function () {
+				return this[PropertySymbol.localName] || name;
+			}
+		});
+
+		Object.defineProperty(elementClass.prototype, 'tagName', {
+			configurable: true,
+			get: function () {
+				return this[PropertySymbol.tagName] || tagName;
+			}
+		});
+
+		Object.defineProperty(elementClass.prototype, 'namespaceURI', {
+			configurable: true,
+			get: function () {
+				return this[PropertySymbol.namespaceURI] || NamespaceURI.html;
+			}
+		});
+
 		this[PropertySymbol.registry][name] = {
 			elementClass,
 			extends: options && options.extends ? options.extends.toLowerCase() : null
@@ -113,6 +150,18 @@ export default class CustomElementRegistry {
 		return this[PropertySymbol.registedClass].get(elementClass) || null;
 	}
 
+	/**
+	 * Destroys the registry.
+	 */
+	public [PropertySymbol.destroy](): void {
+		for (const entity of Object.values(this[PropertySymbol.registry])) {
+			entity.elementClass[PropertySymbol.ownerDocument] = null;
+		}
+		this[PropertySymbol.registry] = {};
+		this[PropertySymbol.registedClass] = new Map();
+		this[PropertySymbol.callbacks] = {};
+	}
+
 	/**
 	 * Validates the correctness of custom element tag names.
 	 *

package/src/nodes/document/Document.ts

@@ -1122,7 +1122,7 @@ export default class Document extends Node implements IDocument {
 			];
 
 		if (customElement) {
-			const element = NodeFactory.createNode<IHTMLElement>(this, customElement.elementClass);
+			const element = new customElement.elementClass();
 			element[PropertySymbol.tagName] = qualifiedName.toUpperCase();
 			element[PropertySymbol.localName] = qualifiedName;
 			element[PropertySymbol.namespaceURI] = namespaceURI;

package/src/nodes/node/Node.ts

@@ -297,7 +297,7 @@ export default class Node extends EventTarget implements INode {
 	 * @param otherNode Node to test with.
 	 * @returns "true" if this node contains the other node.
 	 */
-	public contains(otherNode: INode | undefined): boolean {
+	public contains(otherNode: INode): boolean {
 		if (otherNode === undefined) {
 			return false;
 		}

package/src/window/BrowserWindow.ts

@@ -520,7 +520,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 
 		this.#browserFrame = browserFrame;
 
-		this.customElements = new CustomElementRegistry();
+		this.customElements = new CustomElementRegistry(this);
 		this.navigator = new Navigator(this);
 		this.history = new History();
 		this.screen = new Screen();
@@ -1274,6 +1274,10 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 			this.document.removeChild(node);
 		}
 
+		if (this.customElements[PropertySymbol.destroy]) {
+			this.customElements[PropertySymbol.destroy]();
+		}
+
 		this.document[PropertySymbol.activeElement] = null;
 		this.document[PropertySymbol.nextActiveElement] = null;
 		this.document[PropertySymbol.currentScript] = null;