happy-dom 17.6.3 → 18.0.0

package/src/nodes/element/HTMLCollection.ts

@@ -39,7 +39,7 @@ export default class HTMLCollection<T extends Element, NamedItem = T> {
 				}
 				if (property in target || typeof property === 'symbol') {
 					methodBinder.bind(property);
-					return target[property];
+					return (<any>target)[property];
 				}
 				const index = Number(property);
 				if (!isNaN(index)) {
@@ -50,23 +50,23 @@ export default class HTMLCollection<T extends Element, NamedItem = T> {
 			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;
 			},
@@ -119,7 +119,7 @@ export default class HTMLCollection<T extends Element, NamedItem = T> {
 
 				return false;
 			},
-			getOwnPropertyDescriptor(target, property): PropertyDescriptor {
+			getOwnPropertyDescriptor(target, property): PropertyDescriptor | undefined {
 				if (property in target || typeof property === 'symbol') {
 					return;
 				}
@@ -194,7 +194,7 @@ export default class HTMLCollection<T extends Element, NamedItem = T> {
 	 *
 	 * @param index Index.
 	 */
-	public item(index: number): T {
+	public item(index: number): T | null {
 		const items = this[PropertySymbol.query]();
 		return index >= 0 && items[index] ? items[index] : null;
 	}

package/src/nodes/element/NamedNodeMap.ts

@@ -106,7 +106,7 @@ export default class NamedNodeMap {
 	 * @param localName Local name of the attribute.
 	 * @returns Item.
 	 */
-	public getNamedItemNS(namespace: string, localName: string): Attr | null {
+	public getNamedItemNS(namespace: string | null, localName: string): Attr | null {
 		const item = this[PropertySymbol.itemsByNamespaceURI].get(`${namespace || ''}:${localName}`);
 
 		// It seems like an item cant have a prefix without a namespaceURI
@@ -170,7 +170,7 @@ export default class NamedNodeMap {
 	 * @param localName Local name of the item.
 	 * @returns Removed item.
 	 */
-	public removeNamedItemNS(namespace: string, localName: string): Attr | null {
+	public removeNamedItemNS(namespace: string | null, localName: string): Attr | null {
 		const item = this.getNamedItemNS(namespace, localName);
 
 		if (!item) {
@@ -192,7 +192,7 @@ export default class NamedNodeMap {
 	 * @param [ignoreListeners] Ignore listeners.
 	 * @returns Replaced item.
 	 */
-	public [PropertySymbol.setNamedItem](item: Attr, ignoreListeners = false): Attr {
+	public [PropertySymbol.setNamedItem](item: Attr, ignoreListeners = false): Attr | null {
 		if (
 			item[PropertySymbol.ownerElement] !== null &&
 			item[PropertySymbol.ownerElement] !== this[PropertySymbol.ownerElement]
@@ -206,9 +206,9 @@ export default class NamedNodeMap {
 		item[PropertySymbol.ownerElement] = this[PropertySymbol.ownerElement];
 
 		const replacedItem =
-			this.getNamedItemNS(item[PropertySymbol.namespaceURI], item[PropertySymbol.localName]) ||
+			this.getNamedItemNS(item[PropertySymbol.namespaceURI], item[PropertySymbol.localName]!) ||
 			null;
-		const itemsByName = this[PropertySymbol.itemsByName].get(item[PropertySymbol.name]);
+		const itemsByName = this[PropertySymbol.itemsByName].get(item[PropertySymbol.name]!);
 
 		if (replacedItem === item) {
 			return item;
@@ -224,9 +224,9 @@ export default class NamedNodeMap {
 		);
 
 		if (!itemsByName?.length) {
-			this[PropertySymbol.itemsByName].set(item[PropertySymbol.name], [item]);
+			this[PropertySymbol.itemsByName].set(item[PropertySymbol.name]!, [item]);
 		} else {
-			const index = itemsByName.indexOf(replacedItem);
+			const index = itemsByName.indexOf(replacedItem!);
 			if (index !== -1) {
 				itemsByName.splice(index, 1);
 			}
@@ -256,7 +256,7 @@ export default class NamedNodeMap {
 			`${item[PropertySymbol.namespaceURI] || ''}:${item[PropertySymbol.name]}`
 		);
 
-		const itemsByName = this[PropertySymbol.itemsByName].get(item[PropertySymbol.name]);
+		const itemsByName = this[PropertySymbol.itemsByName].get(item[PropertySymbol.name]!);
 
 		if (itemsByName?.length) {
 			const index = itemsByName.indexOf(item);
@@ -264,7 +264,7 @@ export default class NamedNodeMap {
 				itemsByName.splice(index, 1);
 			}
 			if (!itemsByName.length) {
-				this[PropertySymbol.itemsByName].delete(item[PropertySymbol.name]);
+				this[PropertySymbol.itemsByName].delete(item[PropertySymbol.name]!);
 			}
 		}
 

package/src/nodes/element/NamedNodeMapProxyFactory.ts

@@ -25,7 +25,7 @@ export default class NamedNodeMapProxyFactory {
 				}
 				if (property in target || typeof property === 'symbol') {
 					methodBinder.bind(property);
-					return target[property];
+					return (<any>target)[property];
 				}
 				const index = Number(property);
 				if (!isNaN(index)) {
@@ -36,23 +36,23 @@ export default class NamedNodeMapProxyFactory {
 			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;
 			},
@@ -90,7 +90,7 @@ export default class NamedNodeMapProxyFactory {
 
 				return false;
 			},
-			getOwnPropertyDescriptor(target, property): PropertyDescriptor {
+			getOwnPropertyDescriptor(target, property): PropertyDescriptor | undefined {
 				if (property in target || typeof property === 'symbol') {
 					return;
 				}

package/src/nodes/html-audio-element/Audio.ts

@@ -18,7 +18,7 @@ export default class Audio extends HTMLAudioElement {
 	 *
 	 * @param [url] source URL.
 	 */
-	constructor(url: string = null) {
+	constructor(url: string | null = null) {
 		super();
 
 		if (url !== null) {

package/src/nodes/html-base-element/HTMLBaseElement.ts

@@ -21,10 +21,10 @@ export default class HTMLBaseElement 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')!;
 		}
 	}
 

package/src/nodes/html-button-element/HTMLButtonElement.ts

@@ -66,7 +66,7 @@ export default class HTMLButtonElement extends HTMLElement {
 	 * @returns Value.
 	 */
 	public get value(): string {
-		return this.getAttribute('value');
+		return this.getAttribute('value') || '';
 	}
 
 	/**
@@ -134,7 +134,7 @@ export default class HTMLButtonElement extends HTMLElement {
 
 		try {
 			return new URL(
-				this.getAttribute('formaction'),
+				this.getAttribute('formaction')!,
 				this[PropertySymbol.ownerDocument].location.href
 			).href;
 		} catch (e) {
@@ -232,7 +232,7 @@ export default class HTMLButtonElement 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-details-element/HTMLDetailsElement.ts

@@ -5,6 +5,7 @@ import Attr from '../attr/Attr.js';
 import EventPhaseEnum from '../../event/EventPhaseEnum.js';
 import MouseEvent from '../../event/events/MouseEvent.js';
 import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
+import Element from '../element/Element.js';
 
 /**
  * HTMLDetailsElement
@@ -79,7 +80,7 @@ export default class HTMLDetailsElement extends HTMLElement {
 
 		if (
 			!event[PropertySymbol.defaultPrevented] &&
-			event[PropertySymbol.target]?.[PropertySymbol.localName] === 'summary' &&
+			(<Element | null>event[PropertySymbol.target])?.[PropertySymbol.localName] === 'summary' &&
 			event.type === 'click' &&
 			event.eventPhase === EventPhaseEnum.bubbling &&
 			event instanceof MouseEvent

package/src/nodes/html-document/HTMLDocument.ts

@@ -35,7 +35,7 @@ export default class HTMLDocument extends Document {
 		}
 
 		if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentFragmentNode) {
-			return;
+			return node;
 		}
 
 		if (
@@ -65,7 +65,7 @@ export default class HTMLDocument extends Document {
 		}
 
 		if (newNode[PropertySymbol.nodeType] === NodeTypeEnum.documentFragmentNode) {
-			return;
+			return newNode;
 		}
 
 		if (

package/src/nodes/html-element/HTMLElement.ts

@@ -30,11 +30,11 @@ export default class HTMLElement extends Element {
 	public [PropertySymbol.clientWidth] = 0;
 	public [PropertySymbol.clientLeft] = 0;
 	public [PropertySymbol.clientTop] = 0;
-	public [PropertySymbol.style]: CSSStyleDeclaration = null;
+	public [PropertySymbol.style]: CSSStyleDeclaration | null = null;
 	public [PropertySymbol.dataset]: DOMStringMap | null = null;
 
 	// Private properties
-	#customElementDefineCallback: () => void = null;
+	#customElementDefineCallback: (() => void) | null = null;
 
 	// Events
 
@@ -987,7 +987,7 @@ export default class HTMLElement extends Element {
 	 */
 	public override [PropertySymbol.connectedToNode](): void {
 		const window = this[PropertySymbol.window];
-		const localName = this[PropertySymbol.localName];
+		const localName = this[PropertySymbol.localName]!;
 		const allCallbacks = window.customElements[PropertySymbol.callbacks];
 
 		// This element can potentially be a custom element that has not been defined yet
@@ -1013,7 +1013,7 @@ export default class HTMLElement extends Element {
 	 */
 	public override [PropertySymbol.disconnectedFromNode](): void {
 		const window = this[PropertySymbol.window];
-		const localName = this[PropertySymbol.localName];
+		const localName = this[PropertySymbol.localName]!;
 		const allCallbacks = window.customElements[PropertySymbol.callbacks];
 
 		// This element can potentially be a custom element that has not been defined yet
@@ -1074,7 +1074,7 @@ export default class HTMLElement extends Element {
 		}
 
 		const window = this[PropertySymbol.window];
-		const localName = this[PropertySymbol.localName];
+		const localName = this[PropertySymbol.localName]!;
 		const newElement = <HTMLElement>this[PropertySymbol.ownerDocument].createElement(localName);
 		const newCache = newElement[PropertySymbol.cache];
 

package/src/nodes/html-element/HTMLElementUtility.ts

@@ -19,7 +19,7 @@ export default class HTMLElementUtility {
 		if (
 			document[PropertySymbol.activeElement] !== target ||
 			!target[PropertySymbol.isConnected] ||
-			target.disabled
+			(<any>target).disabled
 		) {
 			return;
 		}
@@ -60,13 +60,13 @@ export default class HTMLElementUtility {
 		if (
 			document[PropertySymbol.activeElement] === target ||
 			!target[PropertySymbol.isConnected] ||
-			target.disabled
+			(<any>target).disabled
 		) {
 			return;
 		}
 
 		// Set the next active element so `blur` can use it for `relatedTarget`.
-		document[PropertySymbol.nextActiveElement] = target;
+		document[PropertySymbol.nextActiveElement] = <HTMLElement>target;
 
 		const relatedTarget = document[PropertySymbol.activeElement];
 
@@ -77,7 +77,7 @@ export default class HTMLElementUtility {
 		// Clean up after blur, so it does not affect next blur call.
 		document[PropertySymbol.nextActiveElement] = null;
 
-		document[PropertySymbol.activeElement] = target;
+		document[PropertySymbol.activeElement] = <HTMLElement>target;
 
 		document[PropertySymbol.clearCache]();
 

package/src/nodes/html-embed-element/HTMLEmbedElement.ts

@@ -54,10 +54,10 @@ export default class HTMLEmbedElement 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-field-set-element/HTMLFieldSetElement.ts

@@ -52,7 +52,7 @@ export default class HTMLFieldSetElement 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-form-element/HTMLFormElement.ts

@@ -19,6 +19,8 @@ import Element from '../element/Element.js';
 import EventTarget from '../../event/EventTarget.js';
 import HTMLDialogElement from '../html-dialog-element/HTMLDialogElement.js';
 import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
+import HTMLTextAreaElement from '../html-text-area-element/HTMLTextAreaElement.js';
+import HTMLOutputElement from '../html-output-element/HTMLOutputElement.js';
 
 /**
  * HTML Form Element.
@@ -57,7 +59,7 @@ export default class HTMLFormElement extends HTMLElement {
 				}
 				if (property in target || typeof property === 'symbol') {
 					methodBinder.bind(property);
-					return target[property];
+					return (<any>target)[property];
 				}
 				const index = Number(property);
 				if (!isNaN(index)) {
@@ -68,23 +70,23 @@ export default class HTMLFormElement extends HTMLElement {
 			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;
 			},
@@ -136,7 +138,7 @@ export default class HTMLFormElement extends HTMLElement {
 
 				return false;
 			},
-			getOwnPropertyDescriptor(target, property): PropertyDescriptor {
+			getOwnPropertyDescriptor(target, property): PropertyDescriptor | undefined {
 				if (property in target) {
 					return Object.getOwnPropertyDescriptor(target, property);
 				}
@@ -290,7 +292,7 @@ export default class HTMLFormElement extends HTMLElement {
 		}
 
 		try {
-			return new URL(this.getAttribute('action'), this[PropertySymbol.ownerDocument].location.href)
+			return new URL(this.getAttribute('action')!, this[PropertySymbol.ownerDocument].location.href)
 				.href;
 		} catch (e) {
 			return '';
@@ -436,14 +438,16 @@ export default class HTMLFormElement extends HTMLElement {
 		for (const element of this[PropertySymbol.getFormControlItems]()) {
 			switch (element[PropertySymbol.tagName]) {
 				case 'TEXTAREA':
-					element[PropertySymbol.value] = null;
+					(<HTMLTextAreaElement>element)[PropertySymbol.value] = null;
 					break;
 				case 'INPUT':
-					element[PropertySymbol.value] = null;
-					element[PropertySymbol.checked] = null;
+					(<HTMLInputElement>element)[PropertySymbol.value] = null;
+					(<HTMLInputElement>element)[PropertySymbol.checked] = null;
 					break;
 				case 'OUTPUT':
-					element.textContent = element[PropertySymbol.defaultValue];
+					(<HTMLOutputElement>element).textContent = (<HTMLOutputElement>element)[
+						PropertySymbol.defaultValue
+					];
 					break;
 				case 'SELECT':
 					let hasSelectedAttribute = false;
@@ -578,7 +582,7 @@ export default class HTMLFormElement extends HTMLElement {
 
 		if (method === 'dialog') {
 			let dialog: HTMLDialogElement | null = null;
-			let parent: Element = this;
+			let parent: Element | null = this;
 
 			while (parent) {
 				if (parent[PropertySymbol.tagName] === 'DIALOG') {
@@ -643,7 +647,7 @@ export default class HTMLFormElement extends HTMLElement {
 
 			BrowserFrameNavigator.navigate({
 				windowClass: <typeof BrowserWindow>(
-					this[PropertySymbol.ownerDocument][PropertySymbol.defaultView].constructor
+					this[PropertySymbol.ownerDocument][PropertySymbol.defaultView]?.constructor
 				),
 				frame: targetFrame,
 				url: url.href,
@@ -657,7 +661,7 @@ export default class HTMLFormElement extends HTMLElement {
 
 		BrowserFrameNavigator.navigate({
 			windowClass: <typeof BrowserWindow>(
-				this[PropertySymbol.ownerDocument][PropertySymbol.defaultView].constructor
+				this[PropertySymbol.ownerDocument][PropertySymbol.defaultView]?.constructor
 			),
 			frame: targetFrame,
 			method: method,

package/src/nodes/html-form-element/RadioNodeList.ts

@@ -14,7 +14,7 @@ export default class RadioNodeList extends NodeList<THTMLFormControlElement> {
 	 *
 	 * @returns Value.
 	 */
-	public get value(): string {
+	public get value(): string | null {
 		for (const node of this[PropertySymbol.items]) {
 			if ((<HTMLInputElement>node).checked) {
 				return (<HTMLInputElement>node).value;

package/src/nodes/html-hyperlink-element/HTMLHyperlinkElementUtility.ts

@@ -43,11 +43,11 @@ export default class HTMLHyperlinkElementUtility {
 
 		try {
 			return new URL(
-				this.element.getAttribute('href'),
+				this.element.getAttribute('href')!,
 				this.element[PropertySymbol.ownerDocument].location.href
 			).href;
 		} catch (e) {
-			return this.element.getAttribute('href');
+			return this.element.getAttribute('href')!;
 		}
 	}
 
@@ -299,7 +299,7 @@ export default class HTMLHyperlinkElementUtility {
 	 */
 	public getHash(): string {
 		const href = this.element.getAttribute('href');
-		if (href[0] === '#') {
+		if (href?.[0] === '#') {
 			return href;
 		}
 		let url: URL;

package/src/nodes/html-iframe-element/HTMLIFrameElement.ts

@@ -47,7 +47,7 @@ export default class HTMLIFrameElement extends HTMLElement {
 	#contentWindowContainer: { window: BrowserWindow | CrossOriginBrowserWindow | null } = {
 		window: null
 	};
-	#iframe: IBrowserFrame;
+	#iframe: IBrowserFrame | null = null;
 	#loadedSrcdoc: string | null = null;
 
 	// Events
@@ -83,10 +83,10 @@ export default class HTMLIFrameElement 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')!;
 		}
 	}
 
@@ -416,7 +416,7 @@ export default class HTMLIFrameElement extends HTMLElement {
 				`Failed to load iframe page "${targetURL.href}". Iframe page loading is disabled.`,
 				DOMExceptionNameEnum.notSupportedError
 			);
-			browserFrame.page?.console.error(error);
+			browserFrame.page.console.error(error);
 			this.dispatchEvent(new Event('error'));
 			return;
 		}
@@ -437,7 +437,7 @@ export default class HTMLIFrameElement extends HTMLElement {
 			})
 			.then(() => this.dispatchEvent(new Event('load')))
 			.catch((error) => {
-				browserFrame.page?.console.error(error);
+				browserFrame.page.console.error(error);
 				this.dispatchEvent(new Event('error'));
 			});
 

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

@@ -249,10 +249,10 @@ export default class HTMLImageElement 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-image-element/Image.ts

@@ -19,7 +19,7 @@ export default class Image extends HTMLImageElement {
 	 * @param [width] Width.
 	 * @param [height] Height.
 	 */
-	constructor(width: number = null, height: number = null) {
+	constructor(width: number | null = null, height: number | null = null) {
 		super();
 
 		if (width !== null) {