happy-dom 13.0.7 → 13.1.1

package/src/nodes/html-image-element/HTMLImageElement.ts

@@ -1,5 +1,6 @@
 import HTMLElement from '../html-element/HTMLElement.js';
 import IHTMLImageElement from './IHTMLImageElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
  * HTML Image Element.
@@ -8,15 +9,101 @@ import IHTMLImageElement from './IHTMLImageElement.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement.
  */
 export default class HTMLImageElement extends HTMLElement implements IHTMLImageElement {
-	public readonly tagName: string = 'IMG';
-	public readonly complete = false;
-	public readonly naturalHeight = 0;
-	public readonly naturalWidth = 0;
-	public crossOrigin = null;
-	public decoding = 'auto';
-	public loading = 'auto';
-	public readonly x = 0;
-	public readonly y = 0;
+	public [PropertySymbol.tagName] = 'IMG';
+	public [PropertySymbol.complete] = false;
+	public [PropertySymbol.naturalHeight] = 0;
+	public [PropertySymbol.naturalWidth] = 0;
+	public [PropertySymbol.loading] = 'auto';
+	public [PropertySymbol.x] = 0;
+	public [PropertySymbol.y] = 0;
+
+	/**
+	 * Returns complete.
+	 *
+	 * @returns Complete.
+	 */
+	public get complete(): boolean {
+		return this[PropertySymbol.complete];
+	}
+
+	/**
+	 * Returns natural height.
+	 *
+	 * @returns Natural height.
+	 */
+	public get naturalHeight(): number {
+		return this[PropertySymbol.naturalHeight];
+	}
+
+	/**
+	 * Returns natural width.
+	 *
+	 * @returns Natural width.
+	 */
+	public get naturalWidth(): number {
+		return this[PropertySymbol.naturalWidth];
+	}
+
+	/**
+	 * Returns loading.
+	 *
+	 * @returns Loading.
+	 */
+	public get loading(): string {
+		return this[PropertySymbol.loading];
+	}
+
+	/**
+	 * Returns x.
+	 */
+	public get x(): number {
+		return this[PropertySymbol.x];
+	}
+
+	/**
+	 * Returns y.
+	 */
+	public get y(): number {
+		return this[PropertySymbol.y];
+	}
+
+	/**
+	 * Returns decoding.
+	 *
+	 * @returns Decoding.
+	 */
+	public get decoding(): string {
+		return this.getAttribute('decoding') || 'auto';
+	}
+
+	/**
+	 * Sets decoding.
+	 *
+	 * @param decoding Decoding.
+	 */
+	public set decoding(decoding: string) {
+		this.setAttribute('decoding', decoding);
+	}
+
+	/**
+	 * Returns cross origin.
+	 *
+	 * @returns Cross origin.
+	 */
+	public get crossOrigin(): string | null {
+		return this.getAttribute('crossOrigin');
+	}
+
+	/**
+	 * Sets cross origin.
+	 *
+	 * @param crossOrigin Cross origin.
+	 */
+	public set crossOrigin(crossOrigin: string | null) {
+		if (crossOrigin === 'anonymous' || crossOrigin === 'use-credentials') {
+			this.setAttribute('crossOrigin', crossOrigin);
+		}
+	}
 
 	/**
 	 * Returns alt.
@@ -45,6 +132,25 @@ export default class HTMLImageElement extends HTMLElement implements IHTMLImageE
 		return this.src;
 	}
 
+	/**
+	 * Returns width.
+	 *
+	 * @returns Width.
+	 */
+	public get width(): number {
+		const width = this.getAttribute('width');
+		return width !== null ? Number(width) : 0;
+	}
+
+	/**
+	 * Sets width.
+	 *
+	 * @param width Width.
+	 */
+	public set width(width: number) {
+		this.setAttribute('width', String(width));
+	}
+
 	/**
 	 * Returns height.
 	 *
@@ -176,25 +282,6 @@ export default class HTMLImageElement extends HTMLElement implements IHTMLImageE
 		this.setAttribute('usemap', useMap);
 	}
 
-	/**
-	 * Returns width.
-	 *
-	 * @returns Width.
-	 */
-	public get width(): number {
-		const width = this.getAttribute('width');
-		return width !== null ? Number(width) : 0;
-	}
-
-	/**
-	 * Sets width.
-	 *
-	 * @param width Width.
-	 */
-	public set width(width: number) {
-		this.setAttribute('width', String(width));
-	}
-
 	/**
 	 * The decode() method of the HTMLImageElement interface returns a Promise that resolves when the image is decoded and it is safe to append the image to the DOM.
 	 *

package/src/nodes/html-input-element/HTMLInputElement.ts

@@ -23,6 +23,7 @@ import HTMLInputElementDateUtility from './HTMLInputElementDateUtility.js';
 import HTMLLabelElementUtility from '../html-label-element/HTMLLabelElementUtility.js';
 import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
 import HTMLInputElementNamedNodeMap from './HTMLInputElementNamedNodeMap.js';
+import { URL } from 'url';
 
 /**
  * HTML Input Element.
@@ -34,39 +35,131 @@ import HTMLInputElementNamedNodeMap from './HTMLInputElementNamedNodeMap.js';
  * https://github.com/jsdom/jsdom/blob/master/lib/jsdom/living/nodes/nodes/HTMLInputElement-impl.js (MIT licensed).
  */
 export default class HTMLInputElement extends HTMLElement implements IHTMLInputElement {
-	public override readonly attributes: INamedNodeMap = new HTMLInputElementNamedNodeMap(this);
-
-	// Related to parent form.
-	public formAction = '';
-	public formMethod = '';
+	// Events
+	public oninput: (event: Event) => void | null = null;
+	public oninvalid: (event: Event) => void | null = null;
+	public onselectionchange: (event: Event) => void | null = null;
 
-	// Any type of input
+	// Internal properties
+	public override [PropertySymbol.attributes]: INamedNodeMap = new HTMLInputElementNamedNodeMap(
+		this
+	);
 	public [PropertySymbol.value] = null;
 	public [PropertySymbol.height] = 0;
 	public [PropertySymbol.width] = 0;
-
-	// Type specific: checkbox/radio
-	public defaultChecked = false;
+	public [PropertySymbol.defaultChecked] = false;
 	public [PropertySymbol.checked]: boolean | null = null;
+	public [PropertySymbol.validationMessage] = '';
+	public [PropertySymbol.validity] = new ValidityState(this);
+	public [PropertySymbol.files]: IFileList<File> = new FileList();
 
-	// Type specific: file
-	public files: IFileList<File> = new FileList();
-
-	// All fields
-	public readonly validationMessage = '';
-	public readonly validity = new ValidityState(this);
-
-	// Events
-	public oninput: (event: Event) => void | null = null;
-	public oninvalid: (event: Event) => void | null = null;
-	public onselectionchange: (event: Event) => void | null = null;
-
-	// Type specific: text/password/search/tel/url/week/month
+	// Private properties
 	#selectionStart: number = null;
 	#selectionEnd: number = null;
 	#selectionDirection: HTMLInputElementSelectionDirectionEnum =
 		HTMLInputElementSelectionDirectionEnum.none;
 
+	/**
+	 * Returns default checked.
+	 *
+	 * @returns Default checked.
+	 */
+	public get defaultChecked(): boolean {
+		return this[PropertySymbol.defaultChecked];
+	}
+
+	/**
+	 * Sets default checked.
+	 *
+	 * @param defaultChecked Default checked.
+	 */
+	public set defaultChecked(defaultChecked: boolean) {
+		this[PropertySymbol.defaultChecked] = defaultChecked;
+	}
+
+	/**
+	 * Returns files.
+	 *
+	 * @returns Files.
+	 */
+	public get files(): IFileList<File> {
+		return this[PropertySymbol.files];
+	}
+
+	/**
+	 * Sets files.
+	 *
+	 * @param files Files.
+	 */
+	public set files(files: IFileList<File>) {
+		this[PropertySymbol.files] = files;
+	}
+
+	/**
+	 * Returns form action.
+	 *
+	 * @returns URL.
+	 */
+	public get formAction(): string {
+		return (
+			this.getAttribute('formaction') ||
+			(<IHTMLFormElement>this[PropertySymbol.formNode])?.action ||
+			this[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].location.href
+		);
+	}
+
+	/**
+	 * Sets form action.
+	 *
+	 * @param url URL.
+	 */
+	public set formAction(url: string) {
+		try {
+			new URL(url);
+		} catch (error) {
+			return;
+		}
+		this.setAttribute('formaction', url);
+	}
+
+	/**
+	 * Returns form method.
+	 */
+	public get formMethod(): string {
+		return (
+			this.getAttribute('formmethod') ||
+			(<IHTMLFormElement>this[PropertySymbol.formNode])?.method ||
+			''
+		);
+	}
+
+	/**
+	 * Sets form method.
+	 *
+	 * @param method Method.
+	 */
+	public set formMethod(method: string) {
+		this.setAttribute('formmethod', method);
+	}
+
+	/**
+	 * Returns validation message.
+	 *
+	 * @returns Validation message.
+	 */
+	public get validationMessage(): string {
+		return this[PropertySymbol.validationMessage];
+	}
+
+	/**
+	 * Returns validity.
+	 *
+	 * @returns Validity.
+	 */
+	public get validity(): ValidityState {
+		return this[PropertySymbol.validity];
+	}
+
 	/**
 	 * Returns height.
 	 *
@@ -594,7 +687,9 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 				const attritube = this.getAttribute('value');
 				return attritube !== null ? attritube : 'on';
 			case 'file':
-				return this.files.length > 0 ? '/fake/path/' + this.files[0].name : '';
+				return this[PropertySymbol.files].length > 0
+					? '/fake/path/' + this[PropertySymbol.files][0].name
+					: '';
 		}
 
 		if (this[PropertySymbol.value] === null) {
@@ -631,7 +726,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 				}
 				break;
 			default:
-				const oldValue = this[PropertySymbol.value];
+				const oldValue = this.value;
 				this[PropertySymbol.value] = HTMLInputElementValueSanitizer.sanitize(this, value);
 
 				if (oldValue !== this[PropertySymbol.value]) {
@@ -970,7 +1065,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 	 * @param message Message.
 	 */
 	public setCustomValidity(message: string): void {
-		(<string>this.validationMessage) = String(message);
+		this[PropertySymbol.validationMessage] = String(message);
 	}
 
 	/**
@@ -1102,7 +1197,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 			this.type === 'hidden' ||
 			this.type === 'reset' ||
 			this.type === 'button' ||
-			this.validity.valid;
+			this[PropertySymbol.validity].valid;
 		if (!valid) {
 			this.dispatchEvent(new Event('invalid', { bubbles: true, cancelable: true }));
 		}
@@ -1156,8 +1251,8 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 		clone[PropertySymbol.value] = this[PropertySymbol.value];
 		clone[PropertySymbol.height] = this[PropertySymbol.height];
 		clone[PropertySymbol.width] = this[PropertySymbol.width];
-		clone.defaultChecked = this.defaultChecked;
-		clone.files = <FileList>this.files.slice();
+		clone[PropertySymbol.defaultChecked] = this[PropertySymbol.defaultChecked];
+		clone[PropertySymbol.files] = <FileList>this[PropertySymbol.files].slice();
 		clone.#selectionStart = this.#selectionStart;
 		clone.#selectionEnd = this.#selectionEnd;
 		clone.#selectionDirection = this.#selectionDirection;
@@ -1196,7 +1291,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 			(event.eventPhase === EventPhaseEnum.atTarget ||
 				event.eventPhase === EventPhaseEnum.bubbling) &&
 			event.type === 'click' &&
-			this.isConnected
+			this[PropertySymbol.isConnected]
 		) {
 			const inputType = this.type;
 			if (!this.readOnly || inputType === 'checkbox' || inputType === 'radio') {
@@ -1208,7 +1303,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 					if (form) {
 						form.requestSubmit();
 					}
-				} else if (inputType === 'reset' && this.isConnected) {
+				} else if (inputType === 'reset' && this[PropertySymbol.isConnected]) {
 					const form = <IHTMLFormElement>this[PropertySymbol.formNode];
 					if (form) {
 						form.reset();

package/src/nodes/html-input-element/HTMLInputElementNamedNodeMap.ts

@@ -19,18 +19,18 @@ export default class HTMLInputElementNamedNodeMap extends HTMLElementNamedNodeMa
 		const replacedItem = super.setNamedItem(item);
 
 		if (
-			(item.name === 'id' || item.name === 'name') &&
+			(item[PropertySymbol.name] === 'id' || item[PropertySymbol.name] === 'name') &&
 			this[PropertySymbol.ownerElement][PropertySymbol.formNode]
 		) {
-			if (replacedItem && replacedItem.value) {
+			if (replacedItem && replacedItem[PropertySymbol.value]) {
 				(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
 					PropertySymbol.removeFormControlItem
-				](this[PropertySymbol.ownerElement], replacedItem.value);
+				](this[PropertySymbol.ownerElement], replacedItem[PropertySymbol.value]);
 			}
-			if (item.value) {
+			if (item[PropertySymbol.value]) {
 				(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
 					PropertySymbol.appendFormControlItem
-				](this[PropertySymbol.ownerElement], item.value);
+				](this[PropertySymbol.ownerElement], item[PropertySymbol.value]);
 			}
 		}
 
@@ -45,12 +45,12 @@ export default class HTMLInputElementNamedNodeMap extends HTMLElementNamedNodeMa
 
 		if (
 			removedItem &&
-			(removedItem.name === 'id' || removedItem.name === 'name') &&
+			(removedItem[PropertySymbol.name] === 'id' || removedItem[PropertySymbol.name] === 'name') &&
 			this[PropertySymbol.ownerElement][PropertySymbol.formNode]
 		) {
 			(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
 				PropertySymbol.removeFormControlItem
-			](this[PropertySymbol.ownerElement], removedItem.value);
+			](this[PropertySymbol.ownerElement], removedItem[PropertySymbol.value]);
 		}
 
 		return removedItem;

package/src/nodes/html-label-element/HTMLLabelElement.ts

@@ -44,7 +44,7 @@ export default class HTMLLabelElement extends HTMLElement implements IHTMLLabelE
 	public get control(): IHTMLElement {
 		const htmlFor = this.htmlFor;
 		if (htmlFor) {
-			const control = <IHTMLElement>this.ownerDocument.getElementById(htmlFor);
+			const control = <IHTMLElement>this[PropertySymbol.ownerDocument].getElementById(htmlFor);
 			return control !== this ? control : null;
 		}
 		return <IHTMLElement>(

package/src/nodes/html-label-element/HTMLLabelElementUtility.ts

@@ -4,6 +4,7 @@ import IHTMLLabelElement from './IHTMLLabelElement.js';
 import INodeList from '../node/INodeList.js';
 import NodeList from '../node/NodeList.js';
 import IShadowRoot from '../shadow-root/IShadowRoot.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
  * Utility for finding labels associated with a form element.
@@ -25,13 +26,13 @@ export default class HTMLLabelElementUtility {
 			labels = new NodeList<IHTMLLabelElement>();
 		}
 
-		let parent = element.parentNode;
+		let parent = element[PropertySymbol.parentNode];
 		while (parent) {
 			if (parent['tagName'] === 'LABEL') {
 				labels.push(<IHTMLLabelElement>parent);
 				break;
 			}
-			parent = parent.parentNode;
+			parent = parent[PropertySymbol.parentNode];
 		}
 
 		return labels;

package/src/nodes/html-link-element/HTMLLinkElement.ts

@@ -19,10 +19,13 @@ import IBrowserFrame from '../../browser/types/IBrowserFrame.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement.
  */
 export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkElement {
-	public override readonly attributes: INamedNodeMap;
+	// Events
 	public onerror: (event: ErrorEvent) => void = null;
 	public onload: (event: Event) => void = null;
-	public readonly sheet: CSSStyleSheet = null;
+
+	// Internal properties
+	public override [PropertySymbol.attributes]: INamedNodeMap;
+	public readonly [PropertySymbol.sheet]: CSSStyleSheet = null;
 	public [PropertySymbol.evaluateCSS] = true;
 	public [PropertySymbol.relList]: DOMTokenList = null;
 	#styleSheetLoader: HTMLLinkElementStyleSheetLoader;
@@ -40,7 +43,14 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 			browserFrame
 		});
 
-		this.attributes = new HTMLLinkElementNamedNodeMap(this, this.#styleSheetLoader);
+		this[PropertySymbol.attributes] = new HTMLLinkElementNamedNodeMap(this, this.#styleSheetLoader);
+	}
+
+	/**
+	 * Returns sheet.
+	 */
+	public get sheet(): CSSStyleSheet {
+		return this[PropertySymbol.sheet];
 	}
 
 	/**
@@ -203,8 +213,8 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @override
 	 */
 	public override [PropertySymbol.connectToNode](parentNode: INode = null): void {
-		const isConnected = this.isConnected;
-		const isParentConnected = parentNode ? parentNode.isConnected : false;
+		const isConnected = this[PropertySymbol.isConnected];
+		const isParentConnected = parentNode ? parentNode[PropertySymbol.isConnected] : false;
 
 		super[PropertySymbol.connectToNode](parentNode);
 

package/src/nodes/html-link-element/HTMLLinkElementNamedNodeMap.ts

@@ -31,18 +31,21 @@ export default class HTMLLinkElementNamedNodeMap extends HTMLElementNamedNodeMap
 	public override setNamedItem(item: IAttr): IAttr | null {
 		const replacedItem = super.setNamedItem(item);
 
-		if (item.name === 'rel' && this[PropertySymbol.ownerElement][PropertySymbol.relList]) {
+		if (
+			item[PropertySymbol.name] === 'rel' &&
+			this[PropertySymbol.ownerElement][PropertySymbol.relList]
+		) {
 			this[PropertySymbol.ownerElement][PropertySymbol.relList][PropertySymbol.updateIndices]();
 		}
 
-		if (item.name === 'rel') {
+		if (item[PropertySymbol.name] === 'rel') {
 			this.#styleSheetLoader.loadStyleSheet(
 				this[PropertySymbol.ownerElement].getAttribute('href'),
-				item.value
+				item[PropertySymbol.value]
 			);
-		} else if (item.name === 'href') {
+		} else if (item[PropertySymbol.name] === 'href') {
 			this.#styleSheetLoader.loadStyleSheet(
-				item.value,
+				item[PropertySymbol.value],
 				this[PropertySymbol.ownerElement].getAttribute('rel')
 			);
 		}
@@ -58,7 +61,7 @@ export default class HTMLLinkElementNamedNodeMap extends HTMLElementNamedNodeMap
 
 		if (
 			removedItem &&
-			removedItem.name === 'rel' &&
+			removedItem[PropertySymbol.name] === 'rel' &&
 			this[PropertySymbol.ownerElement][PropertySymbol.relList]
 		) {
 			this[PropertySymbol.ownerElement][PropertySymbol.relList][PropertySymbol.updateIndices]();

package/src/nodes/html-link-element/HTMLLinkElementStyleSheetLoader.ts

@@ -39,13 +39,21 @@ export default class HTMLLinkElementStyleSheetLoader {
 		const element = this.#element;
 		const browserSettings = this.#browserFrame.page.context.browser.settings;
 
-		if (!url || !rel || rel.toLowerCase() !== 'stylesheet' || !element.isConnected) {
+		if (
+			!url ||
+			!rel ||
+			rel.toLowerCase() !== 'stylesheet' ||
+			!element[PropertySymbol.isConnected]
+		) {
 			return;
 		}
 
 		let absoluteURL: string;
 		try {
-			absoluteURL = new URL(url, element.ownerDocument[PropertySymbol.defaultView].location).href;
+			absoluteURL = new URL(
+				url,
+				element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].location
+			).href;
 		} catch (error) {
 			this.#loadedStyleSheetURL = null;
 			element.dispatchEvent(new Event('error'));
@@ -69,10 +77,10 @@ export default class HTMLLinkElementStyleSheetLoader {
 
 		const resourceFetch = new ResourceFetch({
 			browserFrame: this.#browserFrame,
-			window: element.ownerDocument[PropertySymbol.defaultView]
+			window: element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow]
 		});
 		const readyStateManager = (<{ [PropertySymbol.readyStateManager]: DocumentReadyStateManager }>(
-			(<unknown>element.ownerDocument[PropertySymbol.defaultView])
+			(<unknown>element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow])
 		))[PropertySymbol.readyStateManager];
 
 		this.#loadedStyleSheetURL = absoluteURL;
@@ -95,7 +103,7 @@ export default class HTMLLinkElementStyleSheetLoader {
 		} else {
 			const styleSheet = new CSSStyleSheet();
 			styleSheet.replaceSync(code);
-			(<CSSStyleSheet>element.sheet) = styleSheet;
+			element[PropertySymbol.sheet] = styleSheet;
 			element.dispatchEvent(new Event('load'));
 		}
 	}