happy-dom 12.10.3 → 13.0.1

package/src/nodes/html-script-element/HTMLScriptElementScriptLoader.ts

@@ -0,0 +1,126 @@
+import Event from '../../event/Event.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import DOMException from '../../exception/DOMException.js';
+import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
+import ResourceFetch from '../../fetch/ResourceFetch.js';
+import WindowErrorUtility from '../../window/WindowErrorUtility.js';
+import DocumentReadyStateManager from '../document/DocumentReadyStateManager.js';
+import IHTMLScriptElement from './IHTMLScriptElement.js';
+import IBrowserFrame from '../../browser/types/IBrowserFrame.js';
+import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum.js';
+
+/**
+ * Helper class for getting the URL relative to a Location object.
+ */
+export default class HTMLScriptElementScriptLoader {
+	#element: IHTMLScriptElement;
+	#browserFrame: IBrowserFrame;
+	#loadedScriptURL: string | null = null;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param options Options.
+	 * @param options.element Element.
+	 * @param options.browserFrame Browser frame.
+	 */
+	constructor(options: { element: IHTMLScriptElement; browserFrame: IBrowserFrame }) {
+		this.#element = options.element;
+		this.#browserFrame = options.browserFrame;
+	}
+
+	/**
+	 * Returns a URL relative to the given Location object.
+	 *
+	 * @param url URL.
+	 */
+	public async loadScript(url: string): Promise<void> {
+		const browserSettings = this.#browserFrame.page.context.browser.settings;
+		const element = this.#element;
+		const async = element.getAttribute('async') !== null;
+
+		if (!url || !element.isConnected) {
+			return;
+		}
+
+		let absoluteURL: string;
+		try {
+			absoluteURL = new URL(url, element.ownerDocument[PropertySymbol.defaultView].location).href;
+		} catch (error) {
+			this.#loadedScriptURL = null;
+			element.dispatchEvent(new Event('error'));
+			return;
+		}
+
+		if (this.#loadedScriptURL === absoluteURL) {
+			return;
+		}
+
+		if (
+			browserSettings.disableJavaScriptFileLoading ||
+			browserSettings.disableJavaScriptEvaluation
+		) {
+			WindowErrorUtility.dispatchError(
+				element,
+				new DOMException(
+					`Failed to load external script "${absoluteURL}". JavaScript file loading is disabled.`,
+					DOMExceptionNameEnum.notSupportedError
+				)
+			);
+			return;
+		}
+
+		const resourceFetch = new ResourceFetch({
+			browserFrame: this.#browserFrame,
+			window: element.ownerDocument[PropertySymbol.defaultView]
+		});
+		let code: string | null = null;
+		let error: Error | null = null;
+
+		this.#loadedScriptURL = absoluteURL;
+
+		if (async) {
+			const readyStateManager = (<
+				{ [PropertySymbol.readyStateManager]: DocumentReadyStateManager }
+			>(<unknown>element.ownerDocument[PropertySymbol.defaultView]))[
+				PropertySymbol.readyStateManager
+			];
+
+			readyStateManager.startTask();
+
+			try {
+				code = await resourceFetch.fetch(absoluteURL);
+			} catch (e) {
+				error = e;
+			}
+
+			readyStateManager.endTask();
+		} else {
+			try {
+				code = resourceFetch.fetchSync(absoluteURL);
+			} catch (e) {
+				error = e;
+			}
+		}
+
+		if (error) {
+			WindowErrorUtility.dispatchError(element, error);
+		} else {
+			element.ownerDocument[PropertySymbol.currentScript] = element;
+			code = '//# sourceURL=' + absoluteURL + '\n' + code;
+
+			if (
+				browserSettings.disableErrorCapturing ||
+				browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch
+			) {
+				element.ownerDocument[PropertySymbol.defaultView].eval(code);
+			} else {
+				WindowErrorUtility.captureError(element.ownerDocument[PropertySymbol.defaultView], () =>
+					element.ownerDocument[PropertySymbol.defaultView].eval(code)
+				);
+			}
+			element.ownerDocument[PropertySymbol.currentScript] = null;
+			element.dispatchEvent(new Event('load'));
+		}
+	}
+}

package/src/nodes/html-select-element/HTMLOptionsCollection.ts

@@ -14,7 +14,7 @@ export default class HTMLOptionsCollection
 	extends HTMLCollection<IHTMLOptionElement>
 	implements IHTMLOptionsCollection
 {
-	private _selectElement: IHTMLSelectElement;
+	#selectElement: IHTMLSelectElement;
 
 	/**
 	 *
@@ -23,7 +23,7 @@ export default class HTMLOptionsCollection
 	constructor(selectElement: IHTMLSelectElement) {
 		super();
 
-		this._selectElement = selectElement;
+		this.#selectElement = selectElement;
 	}
 
 	/**
@@ -32,7 +32,7 @@ export default class HTMLOptionsCollection
 	 * @returns SelectedIndex.
 	 */
 	public get selectedIndex(): number {
-		return this._selectElement.selectedIndex;
+		return this.#selectElement.selectedIndex;
 	}
 
 	/**
@@ -41,7 +41,7 @@ export default class HTMLOptionsCollection
 	 * @param selectedIndex SelectedIndex.
 	 */
 	public set selectedIndex(selectedIndex: number) {
-		this._selectElement.selectedIndex = selectedIndex;
+		this.#selectElement.selectedIndex = selectedIndex;
 	}
 
 	/**
@@ -60,7 +60,7 @@ export default class HTMLOptionsCollection
 	 */
 	public add(element: IHTMLOptionElement, before?: number | IHTMLOptionElement): void {
 		if (!before && before !== 0) {
-			this._selectElement.appendChild(element);
+			this.#selectElement.appendChild(element);
 			return;
 		}
 
@@ -69,7 +69,7 @@ export default class HTMLOptionsCollection
 				return;
 			}
 
-			this._selectElement.insertBefore(element, this[<number>before]);
+			this.#selectElement.insertBefore(element, this[<number>before]);
 			return;
 		}
 
@@ -81,7 +81,7 @@ export default class HTMLOptionsCollection
 			);
 		}
 
-		this._selectElement.insertBefore(element, this[index]);
+		this.#selectElement.insertBefore(element, this[index]);
 	}
 
 	/**
@@ -91,7 +91,7 @@ export default class HTMLOptionsCollection
 	 */
 	public remove(index: number): void {
 		if (this[index]) {
-			this._selectElement.removeChild(<IHTMLOptionElement>this[index]);
+			this.#selectElement.removeChild(<IHTMLOptionElement>this[index]);
 		}
 	}
 }

package/src/nodes/html-select-element/HTMLSelectElement.ts

@@ -1,4 +1,5 @@
 import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import IHTMLElement from '../html-element/IHTMLElement.js';
 import IHTMLFormElement from '../html-form-element/IHTMLFormElement.js';
 import ValidityState from '../../validity-state/ValidityState.js';
@@ -34,7 +35,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	public readonly validity = new ValidityState(this);
 
 	// Private properties
-	public _selectNode: INode = this;
+	public [PropertySymbol.selectNode]: INode = this;
 
 	// Events
 	public onchange: (event: Event) => void | null = null;
@@ -163,7 +164,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	public get value(): string {
 		for (let i = 0, max = this.options.length; i < max; i++) {
 			const option = <HTMLOptionElement>this.options[i];
-			if (option._selectedness) {
+			if (option[PropertySymbol.selectedness]) {
 				return option.value;
 			}
 		}
@@ -180,10 +181,10 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 		for (let i = 0, max = this.options.length; i < max; i++) {
 			const option = <HTMLOptionElement>this.options[i];
 			if (option.value === value) {
-				option._selectedness = true;
-				option._dirtyness = true;
+				option[PropertySymbol.selectedness] = true;
+				option[PropertySymbol.dirtyness] = true;
 			} else {
-				option._selectedness = false;
+				option[PropertySymbol.selectedness] = false;
 			}
 		}
 	}
@@ -195,7 +196,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	 */
 	public get selectedIndex(): number {
 		for (let i = 0, max = this.options.length; i < max; i++) {
-			if ((<HTMLOptionElement>this.options[i])._selectedness) {
+			if ((<HTMLOptionElement>this.options[i])[PropertySymbol.selectedness]) {
 				return i;
 			}
 		}
@@ -210,13 +211,13 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	public set selectedIndex(selectedIndex: number) {
 		if (typeof selectedIndex === 'number' && !isNaN(selectedIndex)) {
 			for (let i = 0, max = this.options.length; i < max; i++) {
-				(<HTMLOptionElement>this.options[i])._selectedness = false;
+				(<HTMLOptionElement>this.options[i])[PropertySymbol.selectedness] = false;
 			}
 
 			const selectedOption = <HTMLOptionElement>this.options[selectedIndex];
 			if (selectedOption) {
-				selectedOption._selectedness = true;
-				selectedOption._dirtyness = true;
+				selectedOption[PropertySymbol.selectedness] = true;
+				selectedOption[PropertySymbol.dirtyness] = true;
 			}
 		}
 	}
@@ -236,7 +237,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	 * @returns Form.
 	 */
 	public get form(): IHTMLFormElement {
-		return <IHTMLFormElement>this._formNode;
+		return <IHTMLFormElement>this[PropertySymbol.formNode];
 	}
 
 	/**
@@ -326,7 +327,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	 * @see https://html.spec.whatwg.org/multipage/form-elements.html#selectedness-setting-algorithm
 	 * @param [selectedOption] Selected option.
 	 */
-	public _updateOptionItems(selectedOption?: IHTMLOptionElement): void {
+	public [PropertySymbol.updateOptionItems](selectedOption?: IHTMLOptionElement): void {
 		const optionElements = <IHTMLCollection<IHTMLOptionElement>>this.getElementsByTagName('option');
 
 		if (optionElements.length < this.options.length) {
@@ -346,11 +347,11 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 
 			if (!isMultiple) {
 				if (selectedOption) {
-					(<HTMLOptionElement>optionElements[i])._selectedness =
+					(<HTMLOptionElement>optionElements[i])[PropertySymbol.selectedness] =
 						optionElements[i] === selectedOption;
 				}
 
-				if ((<HTMLOptionElement>optionElements[i])._selectedness) {
+				if ((<HTMLOptionElement>optionElements[i])[PropertySymbol.selectedness]) {
 					selected.push(<HTMLOptionElement>optionElements[i]);
 				}
 			}
@@ -358,7 +359,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 
 		(<number>this.length) = optionElements.length;
 
-		const size = this._getDisplaySize();
+		const size = this.#getDisplaySize();
 
 		if (size === 1 && !selected.length) {
 			for (let i = 0, max = optionElements.length; i < max; i++) {
@@ -376,13 +377,14 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 				}
 
 				if (!disabled) {
-					option._selectedness = true;
+					option[PropertySymbol.selectedness] = true;
 					break;
 				}
 			}
 		} else if (selected.length >= 2) {
 			for (let i = 0, max = optionElements.length; i < max; i++) {
-				(<HTMLOptionElement>optionElements[i])._selectedness = i === selected.length - 1;
+				(<HTMLOptionElement>optionElements[i])[PropertySymbol.selectedness] =
+					i === selected.length - 1;
 			}
 		}
 	}
@@ -390,19 +392,25 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	/**
 	 * @override
 	 */
-	public override _connectToNode(parentNode: INode = null): void {
-		const oldFormNode = <HTMLFormElement>this._formNode;
+	public override [PropertySymbol.connectToNode](parentNode: INode = null): void {
+		const oldFormNode = <HTMLFormElement>this[PropertySymbol.formNode];
 
-		super._connectToNode(parentNode);
+		super[PropertySymbol.connectToNode](parentNode);
 
-		if (oldFormNode !== this._formNode) {
+		if (oldFormNode !== this[PropertySymbol.formNode]) {
 			if (oldFormNode) {
-				oldFormNode._removeFormControlItem(this, this.name);
-				oldFormNode._removeFormControlItem(this, this.id);
+				oldFormNode[PropertySymbol.removeFormControlItem](this, this.name);
+				oldFormNode[PropertySymbol.removeFormControlItem](this, this.id);
 			}
-			if (this._formNode) {
-				(<HTMLFormElement>this._formNode)._appendFormControlItem(this, this.name);
-				(<HTMLFormElement>this._formNode)._appendFormControlItem(this, this.id);
+			if (this[PropertySymbol.formNode]) {
+				(<HTMLFormElement>this[PropertySymbol.formNode])[PropertySymbol.appendFormControlItem](
+					this,
+					this.name
+				);
+				(<HTMLFormElement>this[PropertySymbol.formNode])[PropertySymbol.appendFormControlItem](
+					this,
+					this.id
+				);
 			}
 		}
 	}
@@ -412,7 +420,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	 *
 	 * @returns Display size.
 	 */
-	protected _getDisplaySize(): number {
+	#getDisplaySize(): number {
 		if (this.hasAttributeNS(null, 'size')) {
 			const size = parseInt(this.getAttribute('size'));
 			if (!isNaN(size) && size >= 0) {

package/src/nodes/html-select-element/HTMLSelectElementNamedNodeMap.ts

@@ -1,4 +1,5 @@
 import IAttr from '../attr/IAttr.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import HTMLElementNamedNodeMap from '../html-element/HTMLElementNamedNodeMap.js';
 import HTMLFormElement from '../html-form-element/HTMLFormElement.js';
 import HTMLSelectElement from './HTMLSelectElement.js';
@@ -9,7 +10,7 @@ import HTMLSelectElement from './HTMLSelectElement.js';
  * @see https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
  */
 export default class HTMLSelectElementNamedNodeMap extends HTMLElementNamedNodeMap {
-	protected _ownerElement: HTMLSelectElement;
+	protected [PropertySymbol.ownerElement]: HTMLSelectElement;
 
 	/**
 	 * @override
@@ -17,18 +18,19 @@ export default class HTMLSelectElementNamedNodeMap extends HTMLElementNamedNodeM
 	public override setNamedItem(item: IAttr): IAttr | null {
 		const replacedItem = super.setNamedItem(item);
 
-		if ((item.name === 'id' || item.name === 'name') && this._ownerElement._formNode) {
+		if (
+			(item.name === 'id' || item.name === 'name') &&
+			this[PropertySymbol.ownerElement][PropertySymbol.formNode]
+		) {
 			if (replacedItem && replacedItem.value) {
-				(<HTMLFormElement>this._ownerElement._formNode)._removeFormControlItem(
-					this._ownerElement,
-					replacedItem.value
-				);
+				(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
+					PropertySymbol.removeFormControlItem
+				](this[PropertySymbol.ownerElement], replacedItem.value);
 			}
 			if (item.value) {
-				(<HTMLFormElement>this._ownerElement._formNode)._appendFormControlItem(
-					this._ownerElement,
-					item.value
-				);
+				(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
+					PropertySymbol.appendFormControlItem
+				](this[PropertySymbol.ownerElement], item.value);
 			}
 		}
 
@@ -38,18 +40,17 @@ export default class HTMLSelectElementNamedNodeMap extends HTMLElementNamedNodeM
 	/**
 	 * @override
 	 */
-	public override _removeNamedItem(name: string): IAttr | null {
-		const removedItem = super._removeNamedItem(name);
+	public override [PropertySymbol.removeNamedItem](name: string): IAttr | null {
+		const removedItem = super[PropertySymbol.removeNamedItem](name);
 
 		if (
 			removedItem &&
 			(removedItem.name === 'id' || removedItem.name === 'name') &&
-			this._ownerElement._formNode
+			this[PropertySymbol.ownerElement][PropertySymbol.formNode]
 		) {
-			(<HTMLFormElement>this._ownerElement._formNode)._removeFormControlItem(
-				this._ownerElement,
-				removedItem.value
-			);
+			(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
+				PropertySymbol.removeFormControlItem
+			](this[PropertySymbol.ownerElement], removedItem.value);
 		}
 
 		return removedItem;

package/src/nodes/html-slot-element/HTMLSlotElement.ts

@@ -1,4 +1,5 @@
 import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import IShadowRoot from '../shadow-root/IShadowRoot.js';
 import IHTMLSlotElement from './IHTMLSlotElement.js';
 import IText from '../text/IText.js';
@@ -62,7 +63,7 @@ export default class HTMLSlotElement extends HTMLElement implements IHTMLSlotEle
 				return this.assignedElements(options);
 			}
 
-			return (<HTMLElement>host)._childNodes.slice();
+			return (<HTMLElement>host)[PropertySymbol.childNodes].slice();
 		}
 
 		return [];
@@ -86,7 +87,7 @@ export default class HTMLSlotElement extends HTMLElement implements IHTMLSlotEle
 			if (name) {
 				const assignedElements = [];
 
-				for (const child of (<HTMLElement>host)._children) {
+				for (const child of (<HTMLElement>host)[PropertySymbol.children]) {
 					if (child.slot === name) {
 						assignedElements.push(child);
 					}
@@ -95,7 +96,7 @@ export default class HTMLSlotElement extends HTMLElement implements IHTMLSlotEle
 				return assignedElements;
 			}
 
-			return (<HTMLElement>host)._children.slice();
+			return (<HTMLElement>host)[PropertySymbol.children].slice();
 		}
 
 		return [];

package/src/nodes/html-style-element/HTMLStyleElement.ts

@@ -1,4 +1,5 @@
 import CSSStyleSheet from '../../css/CSSStyleSheet.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import IHTMLStyleElement from './IHTMLStyleElement.js';
 
@@ -9,7 +10,7 @@ import IHTMLStyleElement from './IHTMLStyleElement.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLStyleElement.
  */
 export default class HTMLStyleElement extends HTMLElement implements IHTMLStyleElement {
-	private _styleSheet: CSSStyleSheet | null = null;
+	private [PropertySymbol.styleSheet]: CSSStyleSheet | null = null;
 
 	/**
 	 * Returns CSS style sheet.
@@ -20,11 +21,11 @@ export default class HTMLStyleElement extends HTMLElement implements IHTMLStyleE
 		if (!this.isConnected) {
 			return null;
 		}
-		if (!this._styleSheet) {
-			this._styleSheet = new CSSStyleSheet();
+		if (!this[PropertySymbol.styleSheet]) {
+			this[PropertySymbol.styleSheet] = new CSSStyleSheet();
 		}
-		this._styleSheet.replaceSync(this.textContent);
-		return this._styleSheet;
+		this[PropertySymbol.styleSheet].replaceSync(this.textContent);
+		return this[PropertySymbol.styleSheet];
 	}
 
 	/**

package/src/nodes/html-template-element/HTMLTemplateElement.ts

@@ -1,4 +1,5 @@
 import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import IDocumentFragment from '../document-fragment/IDocumentFragment.js';
 import INode from '../node/INode.js';
 import IHTMLTemplateElement from './IHTMLTemplateElement.js';
@@ -26,7 +27,7 @@ export default class HTMLTemplateElement extends HTMLElement implements IHTMLTem
 	 * @override
 	 */
 	public set innerHTML(html: string) {
-		for (const child of (<DocumentFragment>this.content)._childNodes.slice()) {
+		for (const child of (<DocumentFragment>this.content)[PropertySymbol.childNodes].slice()) {
 			this.content.removeChild(child);
 		}
 
@@ -56,7 +57,7 @@ export default class HTMLTemplateElement extends HTMLElement implements IHTMLTem
 			escapeEntities: false
 		});
 		let xml = '';
-		for (const node of (<DocumentFragment>this.content)._childNodes) {
+		for (const node of (<DocumentFragment>this.content)[PropertySymbol.childNodes]) {
 			xml += xmlSerializer.serializeToString(node);
 		}
 		return xml;