happy-dom 13.0.6 → 13.1.0

package/src/validity-state/ValidityState.ts

@@ -59,7 +59,7 @@ export default class ValidityState {
 	 * @returns "true" if valid.
 	 */
 	public get customError(): boolean {
-		return this.element.validationMessage.length > 0;
+		return this.element[PropertySymbol.validationMessage].length > 0;
 	}
 
 	/**

package/src/window/BrowserWindow.ts

@@ -150,11 +150,15 @@ import RequestImplementation from '../fetch/Request.js';
 import ResponseImplementation from '../fetch/Response.js';
 import RangeImplementation from '../range/Range.js';
 
-const ORIGINAL_SET_TIMEOUT = setTimeout;
-const ORIGINAL_CLEAR_TIMEOUT = clearTimeout;
-const ORIGINAL_SET_INTERVAL = setInterval;
-const ORIGINAL_CLEAR_INTERVAL = clearInterval;
-const ORIGINAL_QUEUE_MICROTASK = queueMicrotask;
+const TIMER = {
+	setTimeout: setTimeout,
+	clearTimeout: clearTimeout,
+	setInterval: setInterval,
+	clearInterval: clearInterval,
+	queueMicrotask: queueMicrotask,
+	setImmediate: setImmediate,
+	clearImmediate: clearImmediate
+};
 const IS_NODE_JS_TIMEOUT_ENVIRONMENT = setTimeout.toString().includes('new Timeout');
 
 /**
@@ -493,11 +497,6 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 	public readonly [PropertySymbol.readyStateManager] = new DocumentReadyStateManager(this);
 
 	// Private properties
-	#setTimeout: (callback: Function, delay?: number, ...args: unknown[]) => NodeJS.Timeout;
-	#clearTimeout: (id: NodeJS.Timeout) => void;
-	#setInterval: (callback: Function, delay?: number, ...args: unknown[]) => NodeJS.Timeout;
-	#clearInterval: (id: NodeJS.Timeout) => void;
-	#queueMicrotask: (callback: Function) => void;
 	#browserFrame: IBrowserFrame;
 	#innerWidth: number | null = null;
 	#innerHeight: number | null = null;
@@ -516,11 +515,6 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 		super();
 
 		this.#browserFrame = browserFrame;
-		this.#setTimeout = ORIGINAL_SET_TIMEOUT;
-		this.#clearTimeout = ORIGINAL_CLEAR_TIMEOUT;
-		this.#setInterval = ORIGINAL_SET_INTERVAL;
-		this.#clearInterval = ORIGINAL_CLEAR_INTERVAL;
-		this.#queueMicrotask = ORIGINAL_QUEUE_MICROTASK;
 
 		this.customElements = new CustomElementRegistry();
 		this.navigator = new Navigator(this);
@@ -656,7 +650,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 
 		// Document
 		this.document = new HTMLDocument();
-		(<IBrowserWindow>this.document.defaultView) = this;
+		this.document[PropertySymbol.defaultView] = this;
 
 		// Override owner document
 		this.Audio[PropertySymbol.ownerDocument] = this.document;
@@ -665,7 +659,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 
 		// Ready state manager
 		this[PropertySymbol.readyStateManager].waitUntilComplete().then(() => {
-			(<DocumentReadyStateEnum>this.document.readyState) = DocumentReadyStateEnum.complete;
+			this.document[PropertySymbol.readyState] = DocumentReadyStateEnum.complete;
 			this.document.dispatchEvent(new Event('readystatechange'));
 			this.document.dispatchEvent(new Event('load', { bubbles: true }));
 		});
@@ -967,7 +961,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 			!settings ||
 			!settings.disableErrorCapturing ||
 			settings.errorCapture === BrowserErrorCaptureEnum.tryAndCatch;
-		const id = this.#setTimeout(() => {
+		const id = TIMER.setTimeout(() => {
 			if (useTryCatch) {
 				WindowErrorUtility.captureError(this, () => callback(...args));
 			} else {
@@ -990,7 +984,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 		if (IS_NODE_JS_TIMEOUT_ENVIRONMENT && (!id || id.constructor.name !== 'Timeout')) {
 			return;
 		}
-		this.#clearTimeout(id);
+		TIMER.clearTimeout(id);
 		this.#browserFrame[PropertySymbol.asyncTaskManager].endTimer(id);
 	}
 
@@ -1008,7 +1002,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 			!settings ||
 			!settings.disableErrorCapturing ||
 			settings.errorCapture === BrowserErrorCaptureEnum.tryAndCatch;
-		const id = this.#setInterval(() => {
+		const id = TIMER.setInterval(() => {
 			if (useTryCatch) {
 				WindowErrorUtility.captureError(
 					this,
@@ -1034,7 +1028,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 		if (IS_NODE_JS_TIMEOUT_ENVIRONMENT && (!id || id.constructor.name !== 'Timeout')) {
 			return;
 		}
-		this.#clearInterval(id);
+		TIMER.clearInterval(id);
 		this.#browserFrame[PropertySymbol.asyncTaskManager].endTimer(id);
 	}
 
@@ -1050,7 +1044,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 			!settings ||
 			!settings.disableErrorCapturing ||
 			settings.errorCapture === BrowserErrorCaptureEnum.tryAndCatch;
-		const id = global.setImmediate(() => {
+		const id = TIMER.setImmediate(() => {
 			if (useTryCatch) {
 				WindowErrorUtility.captureError(this, () => callback(this.performance.now()));
 			} else {
@@ -1073,7 +1067,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 		if (IS_NODE_JS_TIMEOUT_ENVIRONMENT && (!id || id.constructor.name !== 'Immediate')) {
 			return;
 		}
-		global.clearImmediate(id);
+		TIMER.clearImmediate(id);
 		this.#browserFrame[PropertySymbol.asyncTaskManager].endImmediate(id);
 	}
 
@@ -1092,7 +1086,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 			!settings ||
 			!settings.disableErrorCapturing ||
 			settings.errorCapture === BrowserErrorCaptureEnum.tryAndCatch;
-		this.#queueMicrotask(() => {
+		TIMER.queueMicrotask(() => {
 			if (!isAborted) {
 				if (useTryCatch) {
 					WindowErrorUtility.captureError(this, <() => unknown>callback);

package/src/window/WindowErrorUtility.ts

@@ -57,7 +57,9 @@ export default class WindowErrorUtility {
 			(<IBrowserWindow>elementOrWindow).console.error(error);
 			elementOrWindow.dispatchEvent(new ErrorEvent('error', { message: error.message, error }));
 		} else {
-			(<IElement>elementOrWindow).ownerDocument[PropertySymbol.defaultView].console.error(error);
+			(<IElement>elementOrWindow)[PropertySymbol.ownerDocument][
+				PropertySymbol.defaultView
+			].console.error(error);
 			(<IElement>elementOrWindow).dispatchEvent(
 				new ErrorEvent('error', { message: error.message, error })
 			);

package/src/xml-http-request/XMLHttpRequest.ts

@@ -297,7 +297,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 		if (
 			typeof body === 'object' &&
 			body !== null &&
-			(<IDocument>body).nodeType === NodeTypeEnum.documentNode
+			(<IDocument>body)[PropertySymbol.nodeType] === NodeTypeEnum.documentNode
 		) {
 			body = (<IDocument>body).documentElement.outerHTML;
 		}

package/src/xml-parser/XMLParser.ts

@@ -115,7 +115,7 @@ export default class XMLParser {
 							if (unnestableTagNameIndex !== -1) {
 								unnestableTagNames.splice(unnestableTagNameIndex, 1);
 								while (currentNode !== root) {
-									if ((<IElement>currentNode).tagName === tagName) {
+									if ((<IElement>currentNode)[PropertySymbol.tagName] === tagName) {
 										stack.pop();
 										currentNode = stack[stack.length - 1] || root;
 										break;
@@ -130,7 +130,7 @@ export default class XMLParser {
 							const namespaceURI =
 								tagName === 'SVG'
 									? NamespaceURI.svg
-									: (<IElement>currentNode).namespaceURI || NamespaceURI.html;
+									: (<IElement>currentNode)[PropertySymbol.namespaceURI] || NamespaceURI.html;
 							const newElement = document.createElementNS(namespaceURI, tagName);
 
 							currentNode.appendChild(newElement);
@@ -141,11 +141,11 @@ export default class XMLParser {
 						} else if (match[2]) {
 							// End tag.
 
-							if (match[2].toUpperCase() === (<IElement>currentNode).tagName) {
+							if (match[2].toUpperCase() === (<IElement>currentNode)[PropertySymbol.tagName]) {
 								// Some elements are not allowed to be nested (e.g. "<a><a></a></a>" is not allowed.).
 								// Therefore we need to auto-close the tag, so that it become valid (e.g. "<a></a><a></a>").
 								const unnestableTagNameIndex = unnestableTagNames.indexOf(
-									(<IElement>currentNode).tagName
+									(<IElement>currentNode)[PropertySymbol.tagName]
 								);
 								if (unnestableTagNameIndex !== -1) {
 									unnestableTagNames.splice(unnestableTagNameIndex, 1);
@@ -157,7 +157,8 @@ export default class XMLParser {
 						} else if (
 							match[3] ||
 							match[4] ||
-							(match[6] && (<IElement>currentNode).namespaceURI === NamespaceURI.html)
+							(match[6] &&
+								(<IElement>currentNode)[PropertySymbol.namespaceURI] === NamespaceURI.html)
 						) {
 							// Comment.
 
@@ -227,7 +228,9 @@ export default class XMLParser {
 											attributeMatch[2] || attributeMatch[4] || attributeMatch[7] || '';
 										const value = rawValue ? Entities.decodeHTMLAttribute(rawValue) : '';
 										const namespaceURI =
-											(<IElement>currentNode).tagName === 'SVG' && name === 'xmlns' ? value : null;
+											(<IElement>currentNode)[PropertySymbol.tagName] === 'SVG' && name === 'xmlns'
+												? value
+												: null;
 
 										(<IElement>currentNode).setAttributeNS(namespaceURI, name, value);
 
@@ -253,24 +256,27 @@ export default class XMLParser {
 								// Self closing tags are not allowed in the HTML namespace, but the parser should still allow it for void elements.
 								// Self closing tags is supported in the SVG namespace.
 								if (
-									VoidElements[(<IElement>currentNode).tagName] ||
-									(match[7] && (<IElement>currentNode).namespaceURI === NamespaceURI.svg)
+									VoidElements[(<IElement>currentNode)[PropertySymbol.tagName]] ||
+									(match[7] &&
+										(<IElement>currentNode)[PropertySymbol.namespaceURI] === NamespaceURI.svg)
 								) {
 									stack.pop();
 									currentNode = stack[stack.length - 1] || root;
 									readState = MarkupReadStateEnum.startOrEndTag;
 								} else {
 									// Plain text elements such as <script> and <style> should only contain text.
-									plainTextTagName = PlainTextElements[(<IElement>currentNode).tagName]
-										? (<IElement>currentNode).tagName
+									plainTextTagName = PlainTextElements[
+										(<IElement>currentNode)[PropertySymbol.tagName]
+									]
+										? (<IElement>currentNode)[PropertySymbol.tagName]
 										: null;
 
 									readState = !!plainTextTagName
 										? MarkupReadStateEnum.plainTextContent
 										: MarkupReadStateEnum.startOrEndTag;
 
-									if (UnnestableElements[(<IElement>currentNode).tagName]) {
-										unnestableTagNames.push((<IElement>currentNode).tagName);
+									if (UnnestableElements[(<IElement>currentNode)[PropertySymbol.tagName]]) {
+										unnestableTagNames.push((<IElement>currentNode)[PropertySymbol.tagName]);
 									}
 								}
 

package/src/xml-serializer/XMLSerializer.ts

@@ -16,7 +16,7 @@ import ShadowRoot from '../nodes/shadow-root/ShadowRoot.js';
  * Utility for converting an element to string.
  */
 export default class XMLSerializer {
-	#options = {
+	private options = {
 		includeShadowRoots: false,
 		escapeEntities: true
 	};
@@ -31,11 +31,11 @@ export default class XMLSerializer {
 	constructor(options?: { includeShadowRoots?: boolean; escapeEntities?: boolean }) {
 		if (options) {
 			if (options.includeShadowRoots !== undefined) {
-				this.#options.includeShadowRoots = options.includeShadowRoots;
+				this.options.includeShadowRoots = options.includeShadowRoots;
 			}
 
 			if (options.escapeEntities !== undefined) {
-				this.#options.escapeEntities = options.escapeEntities;
+				this.options.escapeEntities = options.escapeEntities;
 			}
 		}
 	}
@@ -47,13 +47,13 @@ export default class XMLSerializer {
 	 * @returns Result.
 	 */
 	public serializeToString(root: INode): string {
-		switch (root.nodeType) {
+		switch (root[PropertySymbol.nodeType]) {
 			case NodeTypeEnum.elementNode:
 				const element = <Element>root;
-				const tagName = element.tagName.toLowerCase();
+				const tagName = element[PropertySymbol.tagName].toLowerCase();
 
-				if (VoidElements[element.tagName]) {
-					return `<${tagName}${this.#getAttributes(element)}>`;
+				if (VoidElements[element[PropertySymbol.tagName]]) {
+					return `<${tagName}${this.getAttributes(element)}>`;
 				}
 
 				const childNodes =
@@ -66,8 +66,10 @@ export default class XMLSerializer {
 					innerHTML += this.serializeToString(node);
 				}
 
-				if (this.#options.includeShadowRoots && element.shadowRoot) {
-					innerHTML += `<template shadowrootmode="${element.shadowRoot.mode}">`;
+				// TODO: Should we include closed shadow roots?
+				// We are currently only including open shadow roots.
+				if (this.options.includeShadowRoots && element.shadowRoot) {
+					innerHTML += `<template shadowrootmode="${element.shadowRoot[PropertySymbol.mode]}">`;
 
 					for (const node of (<ShadowRoot>element.shadowRoot)[PropertySymbol.childNodes]) {
 						innerHTML += this.serializeToString(node);
@@ -76,7 +78,7 @@ export default class XMLSerializer {
 					innerHTML += '</template>';
 				}
 
-				return `<${tagName}${this.#getAttributes(element)}>${innerHTML}</${tagName}>`;
+				return `<${tagName}${this.getAttributes(element)}>${innerHTML}</${tagName}>`;
 			case Node.DOCUMENT_FRAGMENT_NODE:
 			case Node.DOCUMENT_NODE:
 				let html = '';
@@ -90,7 +92,7 @@ export default class XMLSerializer {
 				// TODO: Add support for processing instructions.
 				return `<!--?${(<IProcessingInstruction>root).target} ${root.textContent}?-->`;
 			case NodeTypeEnum.textNode:
-				return this.#options.escapeEntities
+				return this.options.escapeEntities
 					? Entities.escapeText(root.textContent)
 					: root.textContent;
 			case NodeTypeEnum.documentTypeNode:
@@ -110,23 +112,23 @@ export default class XMLSerializer {
 	 * @param element Element.
 	 * @returns Attributes.
 	 */
-	#getAttributes(element: IElement): string {
+	private getAttributes(element: IElement): string {
 		let attributeString = '';
 
 		if (
-			!(<Element>element).attributes.getNamedItem('is') &&
+			!(<Element>element)[PropertySymbol.attributes].getNamedItem('is') &&
 			(<Element>element)[PropertySymbol.isValue]
 		) {
 			attributeString += ' is="' + (<Element>element)[PropertySymbol.isValue] + '"';
 		}
 
-		for (let i = 0, max = (<Element>element).attributes.length; i < max; i++) {
-			const attribute = (<Element>element).attributes[i];
-			if (attribute.value !== null) {
-				const escapedValue = this.#options.escapeEntities
-					? Entities.escapeText(attribute.value)
-					: attribute.value;
-				attributeString += ' ' + attribute.name + '="' + escapedValue + '"';
+		for (let i = 0, max = (<Element>element)[PropertySymbol.attributes].length; i < max; i++) {
+			const attribute = (<Element>element)[PropertySymbol.attributes][i];
+			if (attribute[PropertySymbol.value] !== null) {
+				const escapedValue = this.options.escapeEntities
+					? Entities.escapeText(attribute[PropertySymbol.value])
+					: attribute[PropertySymbol.value];
+				attributeString += ' ' + attribute[PropertySymbol.name] + '="' + escapedValue + '"';
 			}
 		}