happy-dom 13.6.1 → 13.7.0

package/src/event/events/IHashChangeEventInit.ts

@@ -0,0 +1,6 @@
+import IEventInit from '../IEventInit.js';
+
+export default interface IHashChangeEventInit extends IEventInit {
+	newURL?: string;
+	oldURL?: string;
+}

package/src/fetch/Fetch.ts

@@ -102,7 +102,7 @@ export default class Fetch {
 	 * @returns Response.
 	 */
 	public async send(): Promise<IResponse> {
-		FetchRequestReferrerUtility.prepareRequest(this.#window.location, this.request);
+		FetchRequestReferrerUtility.prepareRequest(new URL(this.#window.location.href), this.request);
 		FetchRequestValidationUtility.validateSchema(this.request);
 
 		if (this.request.signal.aborted) {
@@ -247,7 +247,7 @@ export default class Fetch {
 	private async compliesWithCrossOriginPolicy(): Promise<boolean> {
 		if (
 			this.disableCrossOriginPolicy ||
-			!FetchCORSUtility.isCORS(this.#window.location, this.request[PropertySymbol.url])
+			!FetchCORSUtility.isCORS(this.#window.location.href, this.request[PropertySymbol.url])
 		) {
 			return true;
 		}
@@ -714,7 +714,7 @@ export default class Fetch {
 				if (
 					this.request.credentials === 'omit' ||
 					(this.request.credentials === 'same-origin' &&
-						FetchCORSUtility.isCORS(this.#window.location, locationURL))
+						FetchCORSUtility.isCORS(this.#window.location.href, locationURL))
 				) {
 					headers.delete('authorization');
 					headers.delete('www-authenticate');

package/src/fetch/Request.ts

@@ -121,9 +121,9 @@ export default class Request implements IRequest {
 		} else {
 			try {
 				if (input instanceof Request && input.url) {
-					this[PropertySymbol.url] = new URL(input.url, injected.window.location);
+					this[PropertySymbol.url] = new URL(input.url, injected.window.location.href);
 				} else {
-					this[PropertySymbol.url] = new URL(<string>input, injected.window.location);
+					this[PropertySymbol.url] = new URL(<string>input, injected.window.location.href);
 				}
 			} catch (error) {
 				throw new DOMException(

package/src/fetch/SyncFetch.ts

@@ -86,7 +86,7 @@ export default class SyncFetch {
 	 * @returns Response.
 	 */
 	public send(): ISyncResponse {
-		FetchRequestReferrerUtility.prepareRequest(this.#window.location, this.request);
+		FetchRequestReferrerUtility.prepareRequest(new URL(this.#window.location.href), this.request);
 		FetchRequestValidationUtility.validateSchema(this.request);
 
 		if (this.request.signal.aborted) {
@@ -231,7 +231,7 @@ export default class SyncFetch {
 	private compliesWithCrossOriginPolicy(): boolean {
 		if (
 			this.disableCrossOriginPolicy ||
-			!FetchCORSUtility.isCORS(this.#window.location, this.request[PropertySymbol.url])
+			!FetchCORSUtility.isCORS(this.#window.location.href, this.request[PropertySymbol.url])
 		) {
 			return true;
 		}
@@ -512,7 +512,7 @@ export default class SyncFetch {
 				if (
 					this.request.credentials === 'omit' ||
 					(this.request.credentials === 'same-origin' &&
-						FetchCORSUtility.isCORS(this.#window.location, locationURL))
+						FetchCORSUtility.isCORS(this.#window.location.href, locationURL))
 				) {
 					headers.delete('authorization');
 					headers.delete('www-authenticate');

package/src/fetch/utilities/FetchRequestHeaderUtility.ts

@@ -6,6 +6,7 @@ import Headers from '../Headers.js';
 import Request from '../Request.js';
 import IHeaders from '../types/IHeaders.js';
 import FetchCORSUtility from './FetchCORSUtility.js';
+import { URL } from 'url';
 
 const FORBIDDEN_HEADER_NAMES = [
 	'accept-charset',
@@ -77,10 +78,8 @@ export default class FetchRequestHeaderUtility {
 		request: Request;
 	}): { [key: string]: string } {
 		const headers = new Headers(options.request.headers);
-		const isCORS = FetchCORSUtility.isCORS(
-			options.window.location,
-			options.request[PropertySymbol.url]
-		);
+		const originURL = new URL(options.window.location.href);
+		const isCORS = FetchCORSUtility.isCORS(originURL, options.request[PropertySymbol.url]);
 
 		// TODO: Maybe we need to add support for OPTIONS request with 'Access-Control-Allow-*' headers?
 		if (
@@ -107,7 +106,7 @@ export default class FetchRequestHeaderUtility {
 			(options.request.credentials === 'same-origin' && !isCORS)
 		) {
 			const cookies = options.browserFrame.page.context.cookieContainer.getCookies(
-				options.window.location,
+				originURL,
 				false
 			);
 			if (cookies.length > 0) {

package/src/fetch/utilities/FetchRequestReferrerUtility.ts

@@ -55,7 +55,8 @@ export default class FetchRequestReferrerUtility {
 		if (referrer === '' || referrer === 'no-referrer' || referrer === 'client') {
 			return referrer;
 		} else if (referrer) {
-			const referrerURL = referrer instanceof URL ? referrer : new URL(referrer, window.location);
+			const referrerURL =
+				referrer instanceof URL ? referrer : new URL(referrer, window.location.href);
 			return referrerURL.origin === window.location.origin ? referrerURL : 'client';
 		}
 

package/src/form-data/FormData.ts

@@ -59,7 +59,7 @@ export default class FormData implements Iterable<[string, string | File]> {
 									this.append(node.name, file);
 								}
 							}
-						} else {
+						} else if (node.value) {
 							this.append(node.name, node.value);
 						}
 					}
@@ -73,7 +73,7 @@ export default class FormData implements Iterable<[string, string | File]> {
 	 *
 	 * @param callback Callback.
 	 */
-	public forEach(callback: (key: string, value: string | File, thisArg: FormData) => void): void {
+	public forEach(callback: (value: string | File, key: string, thisArg: FormData) => void): void {
 		for (const entry of this.#entries) {
 			callback.call(this, entry.value, entry.name, this);
 		}

package/src/index.ts

@@ -40,8 +40,10 @@ import ClipboardEvent from './event/events/ClipboardEvent.js';
 import CustomEvent from './event/events/CustomEvent.js';
 import ErrorEvent from './event/events/ErrorEvent.js';
 import FocusEvent from './event/events/FocusEvent.js';
+import HashChangeEvent from './event/events/HashChangeEvent.js';
 import InputEvent from './event/events/InputEvent.js';
 import KeyboardEvent from './event/events/KeyboardEvent.js';
+import MediaQueryListEvent from './event/events/MediaQueryListEvent.js';
 import MouseEvent from './event/events/MouseEvent.js';
 import ProgressEvent from './event/events/ProgressEvent.js';
 import SubmitEvent from './event/events/SubmitEvent.js';
@@ -115,7 +117,7 @@ import Storage from './storage/Storage.js';
 import NodeFilter from './tree-walker/NodeFilter.js';
 import NodeIterator from './tree-walker/NodeIterator.js';
 import TreeWalker from './tree-walker/TreeWalker.js';
-import Location from './url/Location.js';
+import Location from './location/Location.js';
 import URL from './url/URL.js';
 import BrowserWindow from './window/BrowserWindow.js';
 import GlobalWindow from './window/GlobalWindow.js';
@@ -138,8 +140,10 @@ import type IClipboardEventInit from './event/events/IClipboardEventInit.js';
 import type ICustomEventInit from './event/events/ICustomEventInit.js';
 import type IErrorEventInit from './event/events/IErrorEventInit.js';
 import type IFocusEventInit from './event/events/IFocusEventInit.js';
+import type IHashChangeEventInit from './event/events/IHashChangeEventInit.js';
 import type IInputEventInit from './event/events/IInputEventInit.js';
 import type IKeyboardEventInit from './event/events/IKeyboardEventInit.js';
+import type IMediaQueryListInit from './event/events/IMediaQueryListInit.js';
 import type IMouseEventInit from './event/events/IMouseEventInit.js';
 import type IProgressEventInit from './event/events/IProgressEventInit.js';
 import type ISubmitEventInit from './event/events/ISubmitEventInit.js';
@@ -237,9 +241,11 @@ export type {
 	IHTMLTemplateElement,
 	IHTMLTextAreaElement,
 	IHTMLVideoElement,
+	IHashChangeEventInit,
 	IHeaders,
 	IInputEventInit,
 	IKeyboardEventInit,
+	IMediaQueryListInit,
 	IMouseEventInit,
 	INode,
 	INodeList,
@@ -388,12 +394,14 @@ export {
 	HTMLElement as HTMLUListElement,
 	HTMLUnknownElement,
 	HTMLVideoElement,
+	HashChangeEvent,
 	Headers,
 	History,
 	Image,
 	InputEvent,
 	KeyboardEvent,
 	Location,
+	MediaQueryListEvent,
 	MouseEvent,
 	MutationObserver,
 	MutationRecord,

package/src/location/Location.ts

@@ -0,0 +1,257 @@
+import IBrowserFrame from '../browser/types/IBrowserFrame.js';
+import HashChangeEvent from '../event/events/HashChangeEvent.js';
+import * as PropertySymbol from '../PropertySymbol.js';
+import { URL } from 'url';
+
+/**
+ * Location.
+ */
+export default class Location {
+	// Public properties
+	public [Symbol.toStringTag]: string = 'Location';
+
+	// Private properties
+	#browserFrame: IBrowserFrame;
+	#url: URL;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param browserFrame Browser frame.
+	 * @param url URL.
+	 */
+	constructor(browserFrame: IBrowserFrame, url: string) {
+		this.#browserFrame = browserFrame;
+		this.#url = new URL(url);
+	}
+
+	/**
+	 * Returns hash.
+	 *
+	 * @returns Hash.
+	 */
+	public get hash(): string {
+		return this.#url.hash;
+	}
+
+	/**
+	 * Sets hash.
+	 *
+	 * @param hash Value.
+	 */
+	public set hash(hash: string) {
+		const oldURL = this.#url.href;
+		this.#url.hash = hash;
+		const newURL = this.#url.href;
+		if (newURL !== oldURL) {
+			this.#browserFrame.window?.dispatchEvent(
+				new HashChangeEvent('hashchange', { oldURL, newURL })
+			);
+		}
+	}
+
+	/**
+	 * Returns host.
+	 *
+	 * @returns Host.
+	 */
+	public get host(): string {
+		return this.#url.host;
+	}
+
+	/**
+	 * Sets host.
+	 *
+	 * @param host Value.
+	 */
+	public set host(host: string) {
+		const url = new URL(this.#url.href);
+		url.host = host;
+		this.#browserFrame
+			.goto(url.href)
+			.catch((error) => this.#browserFrame.page.console.error(error));
+	}
+
+	/**
+	 * Returns hostname.
+	 *
+	 * @returns Hostname.
+	 */
+	public get hostname(): string {
+		return this.#url.hostname;
+	}
+
+	/**
+	 * Sets hostname.
+	 *
+	 * @param hostname Value.
+	 */
+	public set hostname(hostname: string) {
+		const url = new URL(this.#url.href);
+		url.hostname = hostname;
+		this.#browserFrame
+			.goto(url.href)
+			.catch((error) => this.#browserFrame.page.console.error(error));
+	}
+
+	/**
+	 * Override set href.
+	 */
+	public get href(): string {
+		return this.#url.href;
+	}
+
+	/**
+	 * Override set href.
+	 */
+	public set href(url: string) {
+		this.#browserFrame.goto(url).catch((error) => this.#browserFrame.page.console.error(error));
+	}
+
+	/**
+	 * Returns origin.
+	 *
+	 * @returns Origin.
+	 */
+	public get origin(): string {
+		return this.#url.origin;
+	}
+
+	/**
+	 * Returns pathname
+	 *
+	 * @returns Pathname.
+	 */
+	public get pathname(): string {
+		return this.#url.pathname;
+	}
+
+	/**
+	 * Sets pathname.
+	 *
+	 * @param pathname Value.
+	 */
+	public set pathname(pathname: string) {
+		const url = new URL(this.#url.href);
+		url.pathname = pathname;
+		this.#browserFrame
+			.goto(url.href)
+			.catch((error) => this.#browserFrame.page.console.error(error));
+	}
+
+	/**
+	 * Returns port.
+	 *
+	 * @returns Port.
+	 */
+	public get port(): string {
+		return this.#url.port;
+	}
+
+	/**
+	 * Sets port.
+	 *
+	 * @param port Value.
+	 */
+	public set port(port: string) {
+		const url = new URL(this.#url.href);
+		url.port = port;
+		this.#browserFrame
+			.goto(url.href)
+			.catch((error) => this.#browserFrame.page.console.error(error));
+	}
+
+	/**
+	 * Returns protocol.
+	 *
+	 * @returns Protocol.
+	 */
+	public get protocol(): string {
+		return this.#url.protocol;
+	}
+
+	/**
+	 * Sets protocol.
+	 *
+	 * @param protocol Value.
+	 */
+	public set protocol(protocol: string) {
+		const url = new URL(this.#url.href);
+		url.protocol = protocol;
+		this.#browserFrame
+			.goto(url.href)
+			.catch((error) => this.#browserFrame.page.console.error(error));
+	}
+
+	/**
+	 * Returns search.
+	 *
+	 * @returns Search.
+	 */
+	public get search(): string {
+		return this.#url.search;
+	}
+
+	/**
+	 * Sets search.
+	 *
+	 * @param search Value.
+	 */
+	public set search(search: string) {
+		const url = new URL(this.#url.href);
+		url.search = search;
+		this.#browserFrame
+			.goto(url.href)
+			.catch((error) => this.#browserFrame.page.console.error(error));
+	}
+
+	/**
+	 * Replaces the current resource with the one at the provided URL. The difference from the assign() method is that after using replace() the current page will not be saved in session History, meaning the user won't be able to use the back button to navigate to it.
+	 *
+	 * @param url URL.
+	 */
+	public replace(url: string): void {
+		this.href = url;
+	}
+
+	/**
+	 * Loads the resource at the URL provided in parameter.
+	 *
+	 * @param url URL.
+	 */
+	public assign(url: string): void {
+		this.href = url;
+	}
+
+	/**
+	 * Reloads the resource from the current URL.
+	 */
+	public reload(): void {
+		this.#browserFrame
+			.goto(this.href)
+			.catch((error) => this.#browserFrame.page.console.error(error));
+	}
+
+	/**
+	 * Replaces the current URL state with the provided one without navigating to the new URL.
+	 *
+	 * @param browserFrame Browser frame that must match the current one as validation.
+	 * @param url URL.
+	 */
+	public [PropertySymbol.setURL](browserFrame: IBrowserFrame, url: string): void {
+		if (this.#browserFrame !== browserFrame) {
+			throw new Error('Failed to set URL. Browser frame mismatch.');
+		}
+
+		this.#url.href = url;
+	}
+
+	/**
+	 * Returns the URL as a string.
+	 *
+	 * @returns URL as a string.
+	 */
+	public toString(): string {
+		return this.#url.toString();
+	}
+}

package/src/named-node-map/NamedNodeMap.ts

@@ -225,6 +225,7 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 */
 	protected [PropertySymbol.isValidPropertyName](name: string): boolean {
 		return (
+			!!name &&
 			!this.constructor.prototype.hasOwnProperty(name) &&
 			(isNaN(Number(name)) || name.includes('.'))
 		);