happy-dom 17.6.2 → 18.0.0

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

@@ -219,10 +219,10 @@ export default class HTMLScriptElement extends HTMLElement {
 		}
 
 		try {
-			return new URL(this.getAttribute('src'), this[PropertySymbol.ownerDocument].location.href)
+			return new URL(this.getAttribute('src')!, this[PropertySymbol.ownerDocument].location.href)
 				.href;
 		} catch (e) {
-			return this.getAttribute('src');
+			return this.getAttribute('src')!;
 		}
 	}
 
@@ -412,7 +412,7 @@ export default class HTMLScriptElement extends HTMLElement {
 		const browserSettings = new WindowBrowserContext(window).getSettings();
 		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
 
-		if (!browserFrame) {
+		if (!browserFrame || !browserSettings) {
 			return;
 		}
 
@@ -430,7 +430,7 @@ export default class HTMLScriptElement extends HTMLElement {
 			try {
 				await module.evaluate();
 			} catch (error) {
-				window[PropertySymbol.dispatchError](error);
+				window[PropertySymbol.dispatchError](<Error>error);
 				return;
 			}
 		}
@@ -450,11 +450,14 @@ export default class HTMLScriptElement extends HTMLElement {
 		const browserSettings = new WindowBrowserContext(window).getSettings();
 		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
 
-		if (!browserFrame || window[PropertySymbol.moduleImportMap]) {
+		if (!browserFrame || !browserSettings || window[PropertySymbol.moduleImportMap]) {
 			return;
 		}
 
-		let json: any;
+		let json: {
+			imports?: Record<string, string>;
+			scopes?: Record<string, Record<string, string>>;
+		};
 		if (
 			browserSettings.disableErrorCapturing ||
 			browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch
@@ -464,7 +467,7 @@ export default class HTMLScriptElement extends HTMLElement {
 			try {
 				json = JSON.parse(source);
 			} catch (error) {
-				window[PropertySymbol.dispatchError](error);
+				window[PropertySymbol.dispatchError](<Error>error);
 				return;
 			}
 		}
@@ -486,7 +489,10 @@ export default class HTMLScriptElement extends HTMLElement {
 
 			if (json.scopes) {
 				for (const scopeKey of Object.keys(json.scopes)) {
-					const scope = {
+					const scope: {
+						scope: string;
+						rules: { from: string; to: string }[];
+					} = {
 						scope: scopeKey,
 						rules: []
 					};
@@ -510,7 +516,7 @@ export default class HTMLScriptElement extends HTMLElement {
 	 *
 	 * @param source Source.
 	 */
-	#evaluateScript(source: string): Promise<void> {
+	#evaluateScript(source: string): void {
 		const window = this[PropertySymbol.window];
 		const browserSettings = new WindowBrowserContext(window).getSettings();
 
@@ -531,7 +537,7 @@ export default class HTMLScriptElement extends HTMLElement {
 			try {
 				window.eval(code);
 			} catch (error) {
-				window[PropertySymbol.dispatchError](error);
+				window[PropertySymbol.dispatchError](<Error>error);
 			}
 		}
 
@@ -548,7 +554,7 @@ export default class HTMLScriptElement extends HTMLElement {
 		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
 		const browserSettings = new WindowBrowserContext(window).getSettings();
 
-		if (!browserSettings) {
+		if (!browserFrame || !browserSettings) {
 			return;
 		}
 
@@ -567,7 +573,7 @@ export default class HTMLScriptElement extends HTMLElement {
 					`Failed to load module "${url}". JavaScript file loading is disabled.`,
 					DOMExceptionNameEnum.notSupportedError
 				);
-				browserFrame.page?.console.error(error);
+				browserFrame.page.console.error(error);
 				this.dispatchEvent(new Event('error'));
 			}
 			return;
@@ -591,7 +597,7 @@ export default class HTMLScriptElement extends HTMLElement {
 				const module = await ModuleFactory.getModule(window, window.location, url);
 				await module.evaluate();
 			} catch (error) {
-				browserFrame.page?.console.error(error);
+				browserFrame.page.console.error(error);
 				this.dispatchEvent(new Event('error'));
 				readyStateManager.endTask();
 				return;
@@ -615,7 +621,7 @@ export default class HTMLScriptElement extends HTMLElement {
 			return;
 		}
 
-		const browserSettings = browserFrame.page?.context?.browser?.settings;
+		const browserSettings = browserFrame.page.context.browser.settings;
 		const type = this.getAttribute('type');
 
 		if (
@@ -652,7 +658,7 @@ export default class HTMLScriptElement extends HTMLElement {
 					`Failed to load script "${absoluteURL}". JavaScript file loading is disabled.`,
 					DOMExceptionNameEnum.notSupportedError
 				);
-				browserFrame.page?.console.error(error);
+				browserFrame.page.console.error(error);
 				this.dispatchEvent(new Event('error'));
 			}
 			return;
@@ -675,7 +681,7 @@ export default class HTMLScriptElement extends HTMLElement {
 					referrerPolicy: this.referrerPolicy
 				});
 			} catch (error) {
-				browserFrame.page?.console.error(error);
+				browserFrame.page.console.error(error);
 				this.dispatchEvent(new Event('error'));
 				return;
 			}
@@ -688,7 +694,7 @@ export default class HTMLScriptElement extends HTMLElement {
 					referrerPolicy: this.referrerPolicy
 				});
 			} catch (error) {
-				browserFrame.page?.console.error(error);
+				browserFrame.page.console.error(error);
 				this.dispatchEvent(new Event('error'));
 				return;
 			}
@@ -708,7 +714,7 @@ export default class HTMLScriptElement extends HTMLElement {
 				this[PropertySymbol.window].eval(code);
 			} catch (error) {
 				this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
-				window[PropertySymbol.dispatchError](error);
+				window[PropertySymbol.dispatchError](<Error>error);
 				return;
 			}
 		}

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

@@ -16,6 +16,7 @@ import Node from '../node/Node.js';
 import Element from '../element/Element.js';
 import EventTarget from '../../event/EventTarget.js';
 import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
+import BrowserWindow from '../../window/BrowserWindow.js';
 
 /**
  * HTML Select Element.
@@ -24,6 +25,9 @@ import ElementEventAttributeUtility from '../element/ElementEventAttributeUtilit
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement.
  */
 export default class HTMLSelectElement extends HTMLElement {
+	// Injected by WindowContextClassExtender
+	protected declare [PropertySymbol.window]: BrowserWindow;
+
 	// Internal properties.
 	public [PropertySymbol.validationMessage] = '';
 	public [PropertySymbol.validity] = new ValidityState(this);
@@ -50,7 +54,7 @@ export default class HTMLSelectElement extends HTMLElement {
 			get: (target, property) => {
 				if (property in target || typeof property === 'symbol') {
 					methodBinder.bind(property);
-					return target[property];
+					return (<any>target)[property];
 				}
 				const index = Number(property);
 				if (!isNaN(index)) {
@@ -61,19 +65,19 @@ export default class HTMLSelectElement extends HTMLElement {
 				methodBinder.bind(property);
 
 				if (typeof property === 'symbol') {
-					target[property] = newValue;
+					(<any>target)[property] = newValue;
 					return true;
 				}
 
 				const index = Number(property);
 
 				if (isNaN(index)) {
-					target[property] = newValue;
+					(<any>target)[property] = newValue;
 					return true;
 				}
 
 				if (!newValue || !(newValue instanceof HTMLOptionElement)) {
-					throw new this[PropertySymbol.window].Error(
+					throw new target[PropertySymbol.window].Error(
 						`TypeError: Failed to set an indexed property [${index}] on 'HTMLSelectElement': parameter 2 is not of type 'HTMLOptionElement'.`
 					);
 				}
@@ -101,12 +105,12 @@ export default class HTMLSelectElement extends HTMLElement {
 			},
 			deleteProperty(target, property): boolean {
 				if (typeof property === 'symbol') {
-					delete target[property];
+					delete (<any>target)[property];
 					return true;
 				}
 				const index = Number(property);
 				if (isNaN(index)) {
-					delete target[property];
+					delete (<any>target)[property];
 				}
 				return true;
 			},
@@ -141,7 +145,7 @@ export default class HTMLSelectElement extends HTMLElement {
 				}
 
 				if (!descriptor.value || !(descriptor.value instanceof HTMLOptionElement)) {
-					throw new this[PropertySymbol.window].Error(
+					throw new target[PropertySymbol.window].Error(
 						`TypeError: Failed to set an indexed property [${index}] on 'HTMLSelectElement': parameter 2 is not of type 'HTMLOptionElement'.`
 					);
 				}
@@ -167,7 +171,7 @@ export default class HTMLSelectElement extends HTMLElement {
 
 				return true;
 			},
-			getOwnPropertyDescriptor(target, property): PropertyDescriptor {
+			getOwnPropertyDescriptor(target, property): PropertyDescriptor | undefined {
 				if (property in target) {
 					return Object.getOwnPropertyDescriptor(target, property);
 				}
@@ -471,8 +475,8 @@ export default class HTMLSelectElement extends HTMLElement {
 					const options = QuerySelector.querySelectorAll(this, 'option')[PropertySymbol.items];
 
 					// If we hit the cache, we should recieve the same Array instance as before, which will then contain the selected options.
-					if (options[PropertySymbol.selectedOptions]) {
-						return options[PropertySymbol.selectedOptions];
+					if ((<any>options)[PropertySymbol.selectedOptions]) {
+						return (<any>options)[PropertySymbol.selectedOptions];
 					}
 
 					const selectedOptions = [];
@@ -484,7 +488,7 @@ export default class HTMLSelectElement extends HTMLElement {
 						}
 					}
 
-					options[PropertySymbol.selectedOptions] = selectedOptions;
+					(<any>options)[PropertySymbol.selectedOptions] = selectedOptions;
 
 					return selectedOptions;
 				}
@@ -508,7 +512,7 @@ export default class HTMLSelectElement extends HTMLElement {
 	 *
 	 * @returns Form.
 	 */
-	public get form(): HTMLFormElement {
+	public get form(): HTMLFormElement | null {
 		if (this[PropertySymbol.formNode]) {
 			return this[PropertySymbol.formNode];
 		}
@@ -526,11 +530,7 @@ export default class HTMLSelectElement extends HTMLElement {
 	 */
 	public get willValidate(): boolean {
 		return (
-			this.type !== 'hidden' &&
-			this.type !== 'reset' &&
-			this.type !== 'button' &&
-			!this.disabled &&
-			!this['readOnly']
+			this.type !== 'hidden' && this.type !== 'reset' && this.type !== 'button' && !this.disabled
 		);
 	}
 
@@ -558,8 +558,8 @@ export default class HTMLSelectElement extends HTMLElement {
 	 *
 	 * @param index Index.
 	 */
-	public item(index: number): HTMLOptionElement {
-		return this[PropertySymbol.options].item(index);
+	public item(index: number): HTMLOptionElement | null {
+		return this.options.item(index);
 	}
 
 	/**
@@ -690,7 +690,7 @@ export default class HTMLSelectElement extends HTMLElement {
 	 * @see https://html.spec.whatwg.org/multipage/form-elements.html#selectedness-setting-algorithm
 	 * @param [selectedOption] Selected option.
 	 */
-	public [PropertySymbol.updateSelectedness](selectedOption?: HTMLOptionElement): void {
+	public [PropertySymbol.updateSelectedness](selectedOption?: HTMLOptionElement | null): void {
 		const isMultiple = this.hasAttribute('multiple');
 		const options = QuerySelector.querySelectorAll(this, 'option')[PropertySymbol.items];
 		const selected: HTMLOptionElement[] = [];
@@ -761,7 +761,7 @@ export default class HTMLSelectElement extends HTMLElement {
 	 */
 	#getDisplaySize(): number {
 		if (this.hasAttributeNS(null, 'size')) {
-			const size = parseInt(this.getAttribute('size'));
+			const size = parseInt(this.getAttribute('size')!);
 			if (!isNaN(size) && size >= 0) {
 				return size;
 			}

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

@@ -68,6 +68,10 @@ export default class HTMLSlotElement extends HTMLElement {
 
 		const host = shadowRoot.host;
 
+		if (!host) {
+			return;
+		}
+
 		for (const node of nodes) {
 			if (node instanceof Node) {
 				if (
@@ -167,7 +171,7 @@ export default class HTMLSlotElement extends HTMLElement {
 	 * @param [options.flatten] A boolean value indicating whether to return the assigned nodes of any available child <slot> elements (true) or not (false). Defaults to false.
 	 * @returns Nodes.
 	 */
-	#assignedNodes(name?: string, options?: { flatten?: boolean }): Node[] {
+	#assignedNodes(name?: string | null, options?: { flatten?: boolean }): Node[] {
 		const shadowRoot = <ShadowRoot>this.getRootNode();
 
 		if (!shadowRoot?.host) {
@@ -183,7 +187,7 @@ export default class HTMLSlotElement extends HTMLElement {
 		const assigned = [];
 
 		for (const slotNode of (<HTMLElement>host)[PropertySymbol.nodeArray]) {
-			const slotName = slotNode['slot'];
+			const slotName = (<HTMLElement>slotNode).slot;
 			if ((name && slotName && slotName === name) || (!name && !slotName)) {
 				if (flatten && slotNode instanceof HTMLSlotElement) {
 					for (const slotChild of slotNode.assignedNodes(options)) {

package/src/nodes/html-source-element/HTMLSourceElement.ts

@@ -94,10 +94,10 @@ export default class HTMLSourceElement extends HTMLElement {
 		}
 
 		try {
-			return new URL(this.getAttribute('src'), this[PropertySymbol.ownerDocument].location.href)
+			return new URL(this.getAttribute('src')!, this[PropertySymbol.ownerDocument].location.href)
 				.href;
 		} catch (e) {
-			return this.getAttribute('src');
+			return this.getAttribute('src') || '';
 		}
 	}
 

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

@@ -74,7 +74,7 @@ export default class HTMLStyleElement extends HTMLElement {
 	 *
 	 * @returns CSS style sheet.
 	 */
-	public get sheet(): CSSStyleSheet {
+	public get sheet(): CSSStyleSheet | null {
 		if (!this[PropertySymbol.isConnected]) {
 			return null;
 		}

package/src/nodes/html-table-cell-element/HTMLTableCellElement.ts

@@ -1,6 +1,7 @@
 import QuerySelector from '../../query-selector/QuerySelector.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
+import Element from '../element/Element.js';
 
 /**
  * HTMLTableCellElement
@@ -34,7 +35,7 @@ export default class HTMLTableCellElement extends HTMLElement {
 	public get cellIndex(): number {
 		let parent = this.parentNode;
 		while (parent) {
-			if (parent[PropertySymbol.tagName] === 'TR') {
+			if ((<Element>parent)[PropertySymbol.tagName] === 'TR') {
 				const cells = QuerySelector.querySelectorAll(<HTMLElement>parent, 'td,th')[
 					PropertySymbol.items
 				];

package/src/nodes/html-table-element/HTMLTableElement.ts

@@ -227,7 +227,7 @@ export default class HTMLTableElement extends HTMLElement {
 
 		if (tBodies.length > 0) {
 			const lastTBody = tBodies[tBodies.length - 1];
-			lastTBody.parentNode.insertBefore(tBody, lastTBody.nextSibling);
+			lastTBody.parentNode?.insertBefore(tBody, lastTBody.nextSibling);
 			return tBody;
 		}
 
@@ -297,7 +297,7 @@ export default class HTMLTableElement extends HTMLElement {
 			return row;
 		}
 
-		rows[index].parentNode.insertBefore(row, rows[index]);
+		rows[index].parentNode?.insertBefore(row, rows[index]);
 
 		return row;
 	}

package/src/nodes/html-table-row-element/HTMLTableRowElement.ts

@@ -5,6 +5,7 @@ import * as PropertySymbol from '../../PropertySymbol.js';
 import QuerySelector from '../../query-selector/QuerySelector.js';
 import HTMLTableSectionElement from '../html-table-section-element/HTMLTableSectionElement.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
+import Element from '../element/Element.js';
 
 /**
  * HTMLTableRowElement
@@ -40,7 +41,7 @@ export default class HTMLTableRowElement extends HTMLElement {
 	public get rowIndex(): number {
 		let parent = this.parentNode;
 		while (parent) {
-			if (parent[PropertySymbol.tagName] === 'TABLE') {
+			if ((<Element>parent)[PropertySymbol.tagName] === 'TABLE') {
 				const rows = QuerySelector.querySelectorAll(<HTMLElement>parent, 'tr')[
 					PropertySymbol.items
 				];
@@ -102,7 +103,7 @@ export default class HTMLTableRowElement extends HTMLElement {
 			return cell;
 		}
 
-		cells[index].parentNode.insertBefore(cell, cells[index]);
+		cells[index].parentNode?.insertBefore(cell, cells[index]);
 
 		return cell;
 	}

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

@@ -53,14 +53,14 @@ export default class HTMLTemplateElement extends HTMLElement {
 	/**
 	 * @override
 	 */
-	public override get firstChild(): Node {
+	public override get firstChild(): Node | null {
 		return this[PropertySymbol.content].firstChild;
 	}
 
 	/**
 	 * @override
 	 */
-	public override get lastChild(): Node {
+	public override get lastChild(): Node | null {
 		return this[PropertySymbol.content].lastChild;
 	}
 

package/src/nodes/html-text-area-element/HTMLTextAreaElement.ts

@@ -25,13 +25,13 @@ export default class HTMLTextAreaElement extends HTMLElement {
 	// Internal properties
 	public [PropertySymbol.validationMessage] = '';
 	public [PropertySymbol.validity] = new ValidityState(this);
-	public [PropertySymbol.value] = null;
+	public [PropertySymbol.value]: string | null = null;
 	public [PropertySymbol.textAreaNode] = this;
 	public [PropertySymbol.formNode]: HTMLFormElement | null = null;
 
 	// Private properties
-	#selectionStart = null;
-	#selectionEnd = null;
+	#selectionStart: number | null = null;
+	#selectionEnd: number | null = null;
 	#selectionDirection = HTMLInputElementSelectionDirectionEnum.none;
 
 	// Events
@@ -428,7 +428,7 @@ export default class HTMLTextAreaElement extends HTMLElement {
 	 *
 	 * @returns Form.
 	 */
-	public get form(): HTMLFormElement {
+	public get form(): HTMLFormElement | null {
 		if (this[PropertySymbol.formNode]) {
 			return this[PropertySymbol.formNode];
 		}
@@ -516,15 +516,15 @@ export default class HTMLTextAreaElement extends HTMLElement {
 	 */
 	public setRangeText(
 		replacement: string,
-		start: number = null,
-		end: number = null,
+		start: number | null = null,
+		end: number | null = null,
 		selectionMode = HTMLInputElementSelectionModeEnum.preserve
 	): void {
 		if (start === null) {
-			start = this.#selectionStart;
+			start = this.#selectionStart !== null ? this.#selectionStart : 0;
 		}
 		if (end === null) {
-			end = this.#selectionEnd;
+			end = this.#selectionEnd !== null ? this.#selectionEnd : this.value.length;
 		}
 
 		if (start > end) {
@@ -538,8 +538,8 @@ export default class HTMLTextAreaElement extends HTMLElement {
 		end = Math.min(end, this.value.length);
 
 		const val = this.value;
-		let selectionStart = this.#selectionStart;
-		let selectionEnd = this.#selectionEnd;
+		let selectionStart = this.#selectionStart !== null ? this.#selectionStart : 0;
+		let selectionEnd = this.#selectionEnd !== null ? this.#selectionEnd : this.value.length;
 
 		this.value = val.slice(0, start) + replacement + val.slice(end);
 

package/src/nodes/html-track-element/HTMLTrackElement.ts

@@ -35,7 +35,7 @@ export default class HTMLTrackElement extends HTMLElement {
 		if (kind === null) {
 			return TextTrackKindEnum.subtitles;
 		}
-		if (!TextTrackKindEnum[kind]) {
+		if (!TextTrackKindEnum[<'subtitles'>kind]) {
 			return TextTrackKindEnum.metadata;
 		}
 		return kind;
@@ -47,7 +47,7 @@ export default class HTMLTrackElement extends HTMLElement {
 	 * @param value Value.
 	 */
 	public set kind(value: string) {
-		if (!TextTrackKindEnum[value]) {
+		if (!TextTrackKindEnum[<'subtitles'>value]) {
 			value = TextTrackKindEnum.metadata;
 		}
 		this.setAttribute('kind', value);
@@ -64,10 +64,10 @@ export default class HTMLTrackElement extends HTMLElement {
 		}
 
 		try {
-			return new URL(this.getAttribute('src'), this[PropertySymbol.ownerDocument].location.href)
+			return new URL(this.getAttribute('src')!, this[PropertySymbol.ownerDocument].location.href)
 				.href;
 		} catch (e) {
-			return this.getAttribute('src');
+			return this.getAttribute('src') || '';
 		}
 	}
 

package/src/nodes/node/ICachedComputedStyleResult.ts

@@ -2,5 +2,5 @@ import CSSStyleDeclarationPropertyManager from '../../css/declaration/property-m
 import ICachedResult from './ICachedResult.js';
 
 export default interface ICachedComputedStyleResult extends ICachedResult {
-	result: WeakRef<CSSStyleDeclarationPropertyManager | null> | null;
+	result: WeakRef<CSSStyleDeclarationPropertyManager> | null;
 }

package/src/nodes/node/ICachedQuerySelectorResult.ts

@@ -2,5 +2,5 @@ import Element from '../element/Element.js';
 import ICachedResult from './ICachedResult.js';
 
 export default interface ICachedQuerySelectorResult extends ICachedResult {
-	result: WeakRef<Element | null> | null;
+	result: WeakRef<Element> | null;
 }

package/src/nodes/node/ICachedStyleResult.ts

@@ -2,5 +2,5 @@ import CSSStyleDeclarationPropertyManager from '../../css/declaration/property-m
 import ICachedResult from './ICachedResult.js';
 
 export default interface ICachedStyleResult extends ICachedResult {
-	result: WeakRef<CSSStyleDeclarationPropertyManager | null> | null;
+	result: WeakRef<CSSStyleDeclarationPropertyManager> | null;
 }