happy-dom 17.6.2 → 18.0.0

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

@@ -34,20 +34,20 @@ export default class HTMLInputElement extends HTMLElement {
 	// Public properties
 	public declare cloneNode: (deep?: boolean) => HTMLInputElement;
 
-	public [PropertySymbol.value] = null;
+	public [PropertySymbol.value]: string | null = null;
 	public [PropertySymbol.height] = 0;
 	public [PropertySymbol.width] = 0;
 	public [PropertySymbol.checked]: boolean | null = null;
 	public [PropertySymbol.validationMessage] = '';
-	public [PropertySymbol.validity] = new ValidityState(this);
+	public [PropertySymbol.validity]: ValidityState = new ValidityState(this);
 	public [PropertySymbol.files]: FileList = new FileList();
 	public [PropertySymbol.indeterminate]: boolean = false;
 	public [PropertySymbol.formNode]: HTMLFormElement | null = null;
 	public [PropertySymbol.popoverTargetElement]: HTMLElement | null = null;
 
 	// Private properties
-	#selectionStart: number = null;
-	#selectionEnd: number = null;
+	#selectionStart: number | null = null;
+	#selectionEnd: number | null = null;
 	#selectionDirection: HTMLInputElementSelectionDirectionEnum =
 		HTMLInputElementSelectionDirectionEnum.none;
 
@@ -133,7 +133,7 @@ export default class HTMLInputElement extends HTMLElement {
 
 		try {
 			return new URL(
-				this.getAttribute('formaction'),
+				this.getAttribute('formaction')!,
 				this[PropertySymbol.ownerDocument].location.href
 			).href;
 		} catch (e) {
@@ -231,7 +231,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 *
 	 * @returns Form.
 	 */
-	public get form(): HTMLFormElement {
+	public get form(): HTMLFormElement | null {
 		if (this[PropertySymbol.formNode]) {
 			return this[PropertySymbol.formNode];
 		}
@@ -841,7 +841,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 *
 	 * @returns Selection start.
 	 */
-	public get selectionStart(): number {
+	public get selectionStart(): number | null {
 		if (!this.#isSelectionSupported()) {
 			return null;
 		}
@@ -866,7 +866,7 @@ export default class HTMLInputElement extends HTMLElement {
 			);
 		}
 
-		this.setSelectionRange(start, Math.max(start, this.selectionEnd), this.#selectionDirection);
+		this.setSelectionRange(start, Math.max(start, this.selectionEnd!), this.#selectionDirection);
 	}
 
 	/**
@@ -874,7 +874,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 *
 	 * @returns Selection end.
 	 */
-	public get selectionEnd(): number {
+	public get selectionEnd(): number | null {
 		if (!this.#isSelectionSupported()) {
 			return null;
 		}
@@ -899,7 +899,7 @@ export default class HTMLInputElement extends HTMLElement {
 			);
 		}
 
-		this.setSelectionRange(this.selectionStart, end, this.#selectionDirection);
+		this.setSelectionRange(this.selectionStart!, end, this.#selectionDirection);
 	}
 
 	/**
@@ -907,7 +907,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 *
 	 * @returns Selection direction.
 	 */
-	public get selectionDirection(): string {
+	public get selectionDirection(): string | null {
 		if (!this.#isSelectionSupported()) {
 			return null;
 		}
@@ -928,7 +928,7 @@ export default class HTMLInputElement extends HTMLElement {
 			);
 		}
 
-		this.setSelectionRange(this.#selectionStart, this.#selectionEnd, direction);
+		this.setSelectionRange(this.#selectionStart!, this.#selectionEnd!, direction);
 	}
 
 	/**
@@ -951,7 +951,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 *
 	 * @returns Date.
 	 */
-	public get valueAsDate(): Date {
+	public get valueAsDate(): Date | null {
 		switch (this.type) {
 			case 'date':
 			case 'month':
@@ -1057,6 +1057,8 @@ export default class HTMLInputElement extends HTMLElement {
 				const diff = ((day === 0 ? -6 : 1) - day) * 86400000 + parseInt(match[2], 10) * 604800000;
 				return d.getTime() + diff;
 			}
+			default:
+				return NaN;
 		}
 	}
 
@@ -1217,7 +1219,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 */
 	public select(): void {
 		if (!this.#isSelectionSupported()) {
-			return null;
+			return;
 		}
 
 		this.#selectionStart = 0;
@@ -1263,8 +1265,8 @@ export default class HTMLInputElement 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 (!this.#isSelectionSupported()) {
@@ -1275,10 +1277,10 @@ export default class HTMLInputElement extends HTMLElement {
 		}
 
 		if (start === null) {
-			start = this.#selectionStart;
+			start = this.#selectionStart!;
 		}
 		if (end === null) {
-			end = this.#selectionEnd;
+			end = this.#selectionEnd!;
 		}
 
 		if (start > end) {
@@ -1292,8 +1294,8 @@ export default class HTMLInputElement 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!;
+		let selectionEnd = this.#selectionEnd!;
 
 		this.value = val.slice(0, start) + replacement + val.slice(end);
 
@@ -1499,7 +1501,9 @@ export default class HTMLInputElement extends HTMLElement {
 			const root = <HTMLElement>(
 				(<HTMLFormElement>this[PropertySymbol.formNode] || this.getRootNode())
 			);
-			const radioButtons = root.querySelectorAll(`input[type="radio"][name="${this.name}"]`);
+			const radioButtons = <NodeList<HTMLInputElement>>(
+				root.querySelectorAll(`input[type="radio"][name="${this.name}"]`)
+			);
 
 			for (const radioButton of radioButtons) {
 				if (radioButton !== this) {

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

@@ -13,7 +13,12 @@ export default class HTMLInputElementValueStepping {
 	 * @param [increment] Increment.
 	 * @returns New value.
 	 */
-	public static step(type: string, value: string, direction: -1 | 1, increment?: number): string {
+	public static step(
+		type: string,
+		value: string,
+		direction: -1 | 1,
+		increment?: number
+	): string | null {
 		switch (type) {
 			case 'number':
 				return String(

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

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

package/src/nodes/html-legend-element/HTMLLegendElement.ts

@@ -14,7 +14,7 @@ export default class HTMLLegendElement extends HTMLElement {
 	 *
 	 * @returns Form.
 	 */
-	public get form(): HTMLFormElement {
+	public get form(): HTMLFormElement | null {
 		let parent: Node | null = this;
 		while (parent) {
 			if (parent instanceof HTMLFieldSetElement) {

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

@@ -22,7 +22,7 @@ import ElementEventAttributeUtility from '../element/ElementEventAttributeUtilit
  */
 export default class HTMLLinkElement extends HTMLElement {
 	// Internal properties
-	public [PropertySymbol.sheet]: CSSStyleSheet = null;
+	public [PropertySymbol.sheet]: CSSStyleSheet | null = null;
 	public [PropertySymbol.evaluateCSS] = true;
 	public [PropertySymbol.relList]: DOMTokenList | null = null;
 	#loadedStyleSheetURL: string | null = null;
@@ -52,7 +52,7 @@ export default class HTMLLinkElement extends HTMLElement {
 	/**
 	 * Returns sheet.
 	 */
-	public get sheet(): CSSStyleSheet {
+	public get sheet(): CSSStyleSheet | null {
 		return this[PropertySymbol.sheet];
 	}
 
@@ -129,10 +129,10 @@ export default class HTMLLinkElement extends HTMLElement {
 		}
 
 		try {
-			return new URL(this.getAttribute('href'), this[PropertySymbol.ownerDocument].location.href)
+			return new URL(this.getAttribute('href')!, this[PropertySymbol.ownerDocument].location.href)
 				.href;
 		} catch (e) {
-			return this.getAttribute('href');
+			return this.getAttribute('href')!;
 		}
 	}
 
@@ -300,6 +300,7 @@ export default class HTMLLinkElement extends HTMLElement {
 		const browserSettings = new WindowBrowserContext(window).getSettings();
 
 		if (
+			!browserFrame ||
 			!browserSettings ||
 			!this[PropertySymbol.isConnected] ||
 			browserSettings.disableJavaScriptFileLoading ||
@@ -319,8 +320,8 @@ export default class HTMLLinkElement extends HTMLElement {
 				const module = await ModuleFactory.getModule(window, absoluteURL, url);
 				await module.preload();
 			} catch (error) {
-				browserFrame.page?.console.error(error);
-				window[PropertySymbol.dispatchError](error);
+				browserFrame.page.console.error(error);
+				window[PropertySymbol.dispatchError](<Error>error);
 				return;
 			}
 		}
@@ -345,7 +346,7 @@ export default class HTMLLinkElement extends HTMLElement {
 			return;
 		}
 
-		const browserSettings = browserFrame.page?.context?.browser?.settings;
+		const browserSettings = browserFrame.page.context.browser.settings;
 
 		if (
 			as === 'script' &&
@@ -395,11 +396,11 @@ export default class HTMLLinkElement extends HTMLElement {
 
 			preloadEntry.responseAvailable(null, response);
 		} catch (error) {
-			preloadEntry.responseAvailable(error, null);
+			preloadEntry.responseAvailable(<Error>error, null);
 			window.document[PropertySymbol.preloads].delete(preloadKey);
 
-			browserFrame.page?.console?.error(
-				`Failed to preload resource "${absoluteURL}": ${error.message}`
+			browserFrame.page.console.error(
+				`Failed to preload resource "${absoluteURL}": ${(<Error>error).message}`
 			);
 		}
 	}
@@ -414,11 +415,11 @@ export default class HTMLLinkElement extends HTMLElement {
 		const window = this[PropertySymbol.window];
 		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
 
-		if (!browserFrame) {
+		if (!browserFrame || url === null) {
 			return;
 		}
 
-		const browserSettings = browserFrame.page?.context?.browser?.settings;
+		const browserSettings = browserFrame.page.context.browser.settings;
 
 		if (!this[PropertySymbol.evaluateCSS] || !this[PropertySymbol.isConnected]) {
 			return;
@@ -444,7 +445,7 @@ export default class HTMLLinkElement extends HTMLElement {
 					DOMExceptionNameEnum.notSupportedError
 				);
 
-				browserFrame.page?.console.error(error);
+				browserFrame.page.console.error(error);
 				this.dispatchEvent(new Event('error'));
 			}
 			return;
@@ -465,19 +466,19 @@ export default class HTMLLinkElement extends HTMLElement {
 				credentials: this.crossOrigin === 'use-credentials' ? 'include' : 'same-origin'
 			});
 		} catch (e) {
-			error = e;
+			error = <Error>e;
 		}
 
 		readyStateManager.endTask();
 
 		if (error) {
-			browserFrame.page?.console.error(error);
+			browserFrame.page.console.error(error);
 			this.dispatchEvent(new Event('error'));
 		} else {
 			const styleSheet = new this[PropertySymbol.ownerDocument][
 				PropertySymbol.window
 			].CSSStyleSheet();
-			styleSheet.replaceSync(code);
+			styleSheet.replaceSync(code!);
 			this[PropertySymbol.sheet] = styleSheet;
 
 			// Computed style cache is affected by all mutations.

package/src/nodes/html-media-element/HTMLMediaElement.ts

@@ -1,4 +1,3 @@
-import ErrorEvent from '../../event/events/ErrorEvent.js';
 import Event from '../../event/Event.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import HTMLElement from '../html-element/HTMLElement.js';
@@ -39,7 +38,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	public [PropertySymbol.preservesPitch] = true;
 	public [PropertySymbol.buffered] = new TimeRanges(PropertySymbol.illegalConstructor);
 	public [PropertySymbol.duration] = NaN;
-	public [PropertySymbol.error]: IMediaError = null;
+	public [PropertySymbol.error]: IMediaError | null = null;
 	public [PropertySymbol.ended] = false;
 	public [PropertySymbol.networkState] = 0;
 	public [PropertySymbol.readyState] = 0;
@@ -105,14 +104,6 @@ export default class HTMLMediaElement extends HTMLElement {
 		this[PropertySymbol.propertyEventListeners].set('onended', value);
 	}
 
-	public get onerror(): ((event: ErrorEvent) => void) | null {
-		return ElementEventAttributeUtility.getEventListener(this, 'onerror');
-	}
-
-	public set onerror(value: ((event: ErrorEvent) => void) | null) {
-		this[PropertySymbol.propertyEventListeners].set('onerror', value);
-	}
-
 	public get onloadeddata(): ((event: Event) => void) | null {
 		return ElementEventAttributeUtility.getEventListener(this, 'onloadeddata');
 	}
@@ -266,7 +257,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	 *
 	 * @returns Error.
 	 */
-	public get error(): IMediaError {
+	public get error(): IMediaError | null {
 		return this[PropertySymbol.error];
 	}
 
@@ -437,10 +428,10 @@ export default class HTMLMediaElement 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')!;
 		}
 	}
 
@@ -659,7 +650,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	 *
 	 * @returns CrossOrigin.
 	 */
-	public get crossOrigin(): string {
+	public get crossOrigin(): string | null {
 		const crossOrigin = this.getAttribute('crossorigin');
 		if (crossOrigin === 'use-credentials') {
 			return 'use-credentials';
@@ -675,7 +666,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	 *
 	 * @param crossOrigin CrossOrigin.
 	 */
-	public set crossOrigin(crossOrigin: string | null) {
+	public set crossOrigin(crossOrigin: string) {
 		this.setAttribute('crossorigin', crossOrigin);
 	}
 

package/src/nodes/html-media-element/MediaStreamTrack.ts

@@ -31,6 +31,11 @@ const SETTINGS: IMediaTrackSettings = {
 	resizeMode: 'none'
 };
 
+type IMediaTrackConstraints = Record<
+	string,
+	string | number | boolean | Record<string, string | number | boolean>
+>;
+
 /**
  * Canvas Capture Media Stream Track.
  *
@@ -52,7 +57,7 @@ export default class MediaStreamTrack extends EventTarget {
 	public label: string = '';
 	public [PropertySymbol.label]: string = '';
 	public [PropertySymbol.kind]: 'audio' | 'video' = 'video';
-	public [PropertySymbol.constraints]: object = {};
+	public [PropertySymbol.constraints]: IMediaTrackConstraints = {};
 	public [PropertySymbol.capabilities]: IMediaTrackCapabilities = JSON.parse(
 		JSON.stringify(CAPABILITIES)
 	);
@@ -97,8 +102,8 @@ export default class MediaStreamTrack extends EventTarget {
 	 * @param _constraints Constraints.
 	 * @param constraints
 	 */
-	public async applyConstraints(constraints: object): Promise<void> {
-		this.#mergeObjects(this[PropertySymbol.constraints], constraints);
+	public async applyConstraints(constraints: IMediaTrackConstraints): Promise<void> {
+		this.#mergeConstraints(this[PropertySymbol.constraints], constraints);
 	}
 
 	/**
@@ -162,13 +167,13 @@ export default class MediaStreamTrack extends EventTarget {
 	 * @param source Target.
 	 * @param target Source.
 	 */
-	#mergeObjects(source: object, target: object): void {
+	#mergeConstraints(source: IMediaTrackConstraints, target: IMediaTrackConstraints): void {
 		for (const key in target) {
 			if (target[key] !== null && typeof target[key] === 'object' && !Array.isArray(target[key])) {
 				if (typeof source[key] !== 'object') {
 					source[key] = {};
 				}
-				this.#mergeObjects(source[key], target[key]);
+				this.#mergeConstraints(source[key], target[key]);
 			} else {
 				source[key] = target[key];
 			}

package/src/nodes/html-media-element/RemotePlayback.ts

@@ -11,9 +11,9 @@ export default class RemotePlayback extends EventTarget {
 	public [PropertySymbol.state]: 'connecting' | 'connected' | 'disconnected' = 'disconnected';
 
 	// Events
-	public onconnecting: (event: Event) => void = null;
-	public onconnect: (event: Event) => void = null;
-	public ondisconnect: (event: Event) => void = null;
+	public onconnecting: ((event: Event) => void) | null = null;
+	public onconnect: ((event: Event) => void) | null = null;
+	public ondisconnect: ((event: Event) => void) | null = null;
 
 	/**
 	 * Returns the state of the remote playback.

package/src/nodes/html-media-element/TextTrack.ts

@@ -25,7 +25,7 @@ export default class TextTrack extends EventTarget {
 	);
 
 	// Events
-	public oncuechange: (event: Event) => void = null;
+	public oncuechange: ((event: Event) => void) | null = null;
 
 	/**
 	 * Constructor.

package/src/nodes/html-media-element/TextTrackCue.ts

@@ -19,8 +19,8 @@ export default abstract class TextTrackCue extends EventTarget {
 	public [PropertySymbol.track]: TextTrack | null = null;
 
 	// Events
-	public onenter: (event: Event) => void = null;
-	public onexit: (event: Event) => void = null;
+	public onenter: ((event: Event) => void) | null = null;
+	public onexit: ((event: Event) => void) | null = null;
 
 	/**
 	 * Constructor.
@@ -45,7 +45,7 @@ export default abstract class TextTrackCue extends EventTarget {
 	 *
 	 * @returns TextTrack.
 	 */
-	public get track(): TextTrack {
+	public get track(): TextTrack | null {
 		return this[PropertySymbol.track];
 	}
 }

package/src/nodes/html-media-element/TextTrackList.ts

@@ -13,9 +13,9 @@ export default class TextTrackList extends EventTarget {
 	public [PropertySymbol.items]: TextTrack[] = [];
 
 	// Events
-	public onaddtrack: (event: Event) => void = null;
-	public onchange: (event: Event) => void = null;
-	public onremovetrack: (event: Event) => void = null;
+	public onaddtrack: ((event: Event) => void) | null = null;
+	public onchange: ((event: Event) => void) | null = null;
+	public onremovetrack: ((event: Event) => void) | null = null;
 
 	/**
 	 * Constructor.
@@ -41,7 +41,7 @@ export default class TextTrackList extends EventTarget {
 				}
 				if (property in target || typeof property === 'symbol') {
 					methodBinder.bind(property);
-					return target[property];
+					return (<any>target)[property];
 				}
 				const index = Number(property);
 				if (!isNaN(index)) {
@@ -51,24 +51,24 @@ export default class TextTrackList extends EventTarget {
 			set(target, property, newValue): boolean {
 				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;
 			},
 			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;
 			},
@@ -97,7 +97,7 @@ export default class TextTrackList extends EventTarget {
 
 				return false;
 			},
-			getOwnPropertyDescriptor(target, property): PropertyDescriptor {
+			getOwnPropertyDescriptor(target, property): PropertyDescriptor | undefined {
 				if (property in target || typeof property === 'symbol') {
 					return;
 				}

package/src/nodes/html-mod-element/HTMLModElement.ts

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

package/src/nodes/html-object-element/HTMLObjectElement.ts

@@ -44,10 +44,10 @@ export default class HTMLObjectElement extends HTMLElement {
 		}
 
 		try {
-			return new URL(this.getAttribute('data'), this[PropertySymbol.ownerDocument].location.href)
+			return new URL(this.getAttribute('data')!, this[PropertySymbol.ownerDocument].location.href)
 				.href;
 		} catch (e) {
-			return this.getAttribute('data');
+			return this.getAttribute('data')!;
 		}
 	}
 
@@ -65,7 +65,7 @@ export default class HTMLObjectElement extends HTMLElement {
 	 *
 	 * @returns Form.
 	 */
-	public get form(): HTMLFormElement {
+	public get form(): HTMLFormElement | null {
 		if (this[PropertySymbol.formNode]) {
 			return this[PropertySymbol.formNode];
 		}

package/src/nodes/html-option-element/HTMLOptionElement.ts

@@ -44,7 +44,7 @@ export default class HTMLOptionElement extends HTMLElement {
 			return 0;
 		}
 		const options = QuerySelector.querySelectorAll(this[PropertySymbol.selectNode], 'option')[
-			PropertySymbol.elements
+			PropertySymbol.items
 		];
 		return options.indexOf(this);
 	}
@@ -54,7 +54,7 @@ export default class HTMLOptionElement extends HTMLElement {
 	 *
 	 * @returns Form.
 	 */
-	public get form(): HTMLFormElement {
+	public get form(): HTMLFormElement | null {
 		return (<HTMLSelectElement>this[PropertySymbol.selectNode])?.form || null;
 	}
 

package/src/nodes/html-output-element/HTMLOutputElement.ts

@@ -40,7 +40,7 @@ export default class HTMLOutputElement extends HTMLElement {
 	 *
 	 * @returns Form.
 	 */
-	public get form(): HTMLFormElement {
+	public get form(): HTMLFormElement | null {
 		if (this[PropertySymbol.formNode]) {
 			return this[PropertySymbol.formNode];
 		}

package/src/nodes/html-quote-element/HTMLQuoteElement.ts

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