happy-dom 13.6.2 → 13.7.1

package/src/browser/detached-browser/DetachedBrowserFrame.ts

@@ -167,7 +167,12 @@ export default class DetachedBrowserFrame implements IBrowserFrame {
 	 * @returns Response.
 	 */
 	public goto(url: string, options?: IGoToOptions): Promise<IResponse | null> {
-		return BrowserFrameNavigator.goto(this.page.context.browser.windowClass, this, url, options);
+		return BrowserFrameNavigator.navigate({
+			windowClass: this.page.context.browser.windowClass,
+			frame: this,
+			url: url,
+			goToOptions: options
+		});
 	}
 
 	/**
@@ -177,11 +182,11 @@ export default class DetachedBrowserFrame implements IBrowserFrame {
 	 * @returns Response.
 	 */
 	public reload(options: IReloadOptions): Promise<IResponse | null> {
-		return BrowserFrameNavigator.goto(
-			this.page.context.browser.windowClass,
-			this,
-			this.url,
-			options
-		);
+		return BrowserFrameNavigator.navigate({
+			windowClass: this.page.context.browser.windowClass,
+			frame: this,
+			url: this.url,
+			goToOptions: options
+		});
 	}
 }

package/src/browser/utilities/BrowserFrameFactory.ts

@@ -63,11 +63,18 @@ export default class BrowserFrameFactory {
 					return frame[PropertySymbol.asyncTaskManager].destroy().then(() => {
 						frame[PropertySymbol.exceptionObserver]?.disconnect();
 						if (frame.window) {
+							const listeners = frame[PropertySymbol.listeners];
+
 							frame.window[PropertySymbol.destroy]();
 							(<IBrowserPage | null>frame.page) = null;
 							(<IBrowserWindow | null>frame.window) = null;
+							frame[PropertySymbol.listeners] = null;
 							frame[PropertySymbol.openerFrame] = null;
 							frame[PropertySymbol.openerWindow] = null;
+
+							for (const listener of listeners.navigation) {
+								listener();
+							}
 						}
 						resolve();
 					});

package/src/browser/utilities/BrowserFrameNavigator.ts

@@ -11,30 +11,38 @@ import BrowserFrameURL from './BrowserFrameURL.js';
 import BrowserFrameValidator from './BrowserFrameValidator.js';
 import AsyncTaskManager from '../../async-task-manager/AsyncTaskManager.js';
 import BrowserErrorCaptureEnum from '../enums/BrowserErrorCaptureEnum.js';
+import FormData from '../../form-data/FormData.js';
 
 /**
  * Browser frame navigation utility.
  */
 export default class BrowserFrameNavigator {
 	/**
-	 * Go to a page.
+	 * Navigates to a page.
 	 *
 	 * @throws Error if the request can't be resolved (because of SSL error or similar). It will not throw if the response is not ok.
-	 * @param windowClass Window class.
-	 * @param frame Frame.
-	 * @param url URL.
-	 * @param [options] Options.
+	 * @param options Options.
+	 * @param options.windowClass Window class.
+	 * @param options.frame Frame.
+	 * @param options.url URL.
+	 * @param [options.formData] Form data.
+	 * @param [options.method] Method.
+	 * @param [options.goToOptions] Go to options.
 	 * @returns Response.
 	 */
-	public static async goto(
+	public static async navigate(options: {
 		windowClass: new (
 			browserFrame: IBrowserFrame,
 			options?: { url?: string; width?: number; height?: number }
-		) => IBrowserWindow,
-		frame: IBrowserFrame,
-		url: string,
-		options?: IGoToOptions
-	): Promise<IResponse | null> {
+		) => IBrowserWindow;
+		frame: IBrowserFrame;
+		url: string;
+		goToOptions?: IGoToOptions;
+		method?: string;
+		formData?: FormData;
+	}): Promise<IResponse | null> {
+		const { windowClass, frame, url, formData, method, goToOptions } = options;
+		const referrer = goToOptions?.referrer || frame.window.location.origin;
 		const targetURL = BrowserFrameURL.getRelativeURL(frame, url);
 
 		if (!frame.window) {
@@ -98,8 +106,8 @@ export default class BrowserFrameNavigator {
 		(<IBrowserWindow>frame.window) = new windowClass(frame, { url: targetURL.href, width, height });
 		(<number>frame.window.devicePixelRatio) = devicePixelRatio;
 
-		if (options?.referrer) {
-			frame.window.document[PropertySymbol.referrer] = options.referrer;
+		if (referrer) {
+			frame.window.document[PropertySymbol.referrer] = referrer;
 		}
 
 		if (targetURL.protocol === 'about:') {
@@ -118,7 +126,7 @@ export default class BrowserFrameNavigator {
 
 		const timeout = frame.window.setTimeout(
 			() => abortController.abort('Request timed out.'),
-			options?.timeout ?? 30000
+			goToOptions?.timeout ?? 30000
 		);
 		const finalize = (): void => {
 			frame.window.clearTimeout(timeout);
@@ -132,16 +140,18 @@ export default class BrowserFrameNavigator {
 
 		try {
 			response = await frame.window.fetch(targetURL.href, {
-				referrer: options?.referrer,
-				referrerPolicy: options?.referrerPolicy,
+				referrer,
+				referrerPolicy: goToOptions?.referrerPolicy || 'origin',
 				signal: abortController.signal,
-				headers: options?.hard ? { 'Cache-Control': 'no-cache' } : undefined
+				method: method || (formData ? 'POST' : 'GET'),
+				headers: goToOptions?.hard ? { 'Cache-Control': 'no-cache' } : undefined,
+				body: formData
 			});
 
 			// Handles the "X-Frame-Options" header for child frames.
 			if (frame.parentFrame) {
 				const originURL = frame.parentFrame.window.location;
-				const xFrameOptions = response.headers.get('X-Frame-Options')?.toLowerCase();
+				const xFrameOptions = response.headers?.get('X-Frame-Options')?.toLowerCase();
 				const isSameOrigin = originURL.origin === targetURL.origin || targetURL.origin === 'null';
 
 				if (xFrameOptions === 'deny' || (xFrameOptions === 'sameorigin' && !isSameOrigin)) {

package/src/browser/utilities/BrowserFrameURL.ts

@@ -1,7 +1,7 @@
 import IBrowserFrame from '../types/IBrowserFrame.js';
-import { URL } from 'url';
 import DOMException from '../../exception/DOMException.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
+import { URL } from 'url';
 
 /**
  * Browser frame URL utility.
@@ -22,7 +22,7 @@ export default class BrowserFrameURL {
 		}
 
 		try {
-			return new URL(url, frame.window.location);
+			return new URL(url, frame.window.location.href);
 		} catch (e) {
 			if (frame.window.location.hostname) {
 				throw new DOMException(

package/src/config/IHTMLElementTagNameMap.ts

@@ -0,0 +1,151 @@
+import IHTMLAnchorElement from '../nodes/html-anchor-element/IHTMLAnchorElement.js';
+import IHTMLElement from '../nodes/html-element/IHTMLElement.js';
+import IHTMLAudioElement from '../nodes/html-audio-element/IHTMLAudioElement.js';
+import IHTMLBaseElement from '../nodes/html-base-element/IHTMLBaseElement.js';
+import IHTMLTemplateElement from '../nodes/html-template-element/IHTMLTemplateElement.js';
+import IHTMLFormElement from '../nodes/html-form-element/IHTMLFormElement.js';
+import IHTMLInputElement from '../nodes/html-input-element/IHTMLInputElement.js';
+import IHTMLTextAreaElement from '../nodes/html-text-area-element/IHTMLTextAreaElement.js';
+import IHTMLScriptElement from '../nodes/html-script-element/IHTMLScriptElement.js';
+import IHTMLImageElement from '../nodes/html-image-element/IHTMLImageElement.js';
+import IHTMLLinkElement from '../nodes/html-link-element/IHTMLLinkElement.js';
+import IHTMLStyleElement from '../nodes/html-style-element/IHTMLStyleElement.js';
+import IHTMLLabelElement from '../nodes/html-label-element/IHTMLLabelElement.js';
+import IHTMLSlotElement from '../nodes/html-slot-element/IHTMLSlotElement.js';
+import IHTMLMetaElement from '../nodes/html-meta-element/IHTMLMetaElement.js';
+import IHTMLButtonElement from '../nodes/html-button-element/IHTMLButtonElement.js';
+import IHTMLDialogElement from '../nodes/html-dialog-element/IHTMLDialogElement.js';
+import IHTMLIFrameElement from '../nodes/html-iframe-element/IHTMLIFrameElement.js';
+import IHTMLOptGroupElement from '../nodes/html-opt-group-element/IHTMLOptGroupElement.js';
+import IHTMLOptionElement from '../nodes/html-option-element/IHTMLOptionElement.js';
+import IHTMLSelectElement from '../nodes/html-select-element/IHTMLSelectElement.js';
+import IHTMLVideoElement from '../nodes/html-video-element/IHTMLVideoElement.js';
+
+// Makes it work with custom elements when they declare their own interface.
+declare global {
+	/* eslint-disable @typescript-eslint/naming-convention */
+	/* eslint-disable @typescript-eslint/no-empty-interface */
+	interface HTMLElementTagNameMap {}
+	/* eslint-enable @typescript-eslint/naming-convention */
+	/* eslint-enable @typescript-eslint/no-empty-interface */
+}
+
+export default interface IHTMLElementTagNameMap extends HTMLElementTagNameMap {
+	a: IHTMLAnchorElement;
+	abbr: IHTMLElement;
+	address: IHTMLElement;
+	area: IHTMLElement;
+	article: IHTMLElement;
+	aside: IHTMLElement;
+	audio: IHTMLAudioElement;
+	b: IHTMLElement;
+	base: IHTMLBaseElement;
+	bdi: IHTMLElement;
+	bdo: IHTMLElement;
+	blockquaote: IHTMLElement;
+	body: IHTMLElement;
+	template: IHTMLTemplateElement;
+	form: IHTMLFormElement;
+	input: IHTMLInputElement;
+	textarea: IHTMLTextAreaElement;
+	script: IHTMLScriptElement;
+	img: IHTMLImageElement;
+	link: IHTMLLinkElement;
+	style: IHTMLStyleElement;
+	label: IHTMLLabelElement;
+	slot: IHTMLSlotElement;
+	meta: IHTMLMetaElement;
+	blockquote: IHTMLElement;
+	br: IHTMLElement;
+	button: IHTMLButtonElement;
+	canvas: IHTMLElement;
+	caption: IHTMLElement;
+	cite: IHTMLElement;
+	code: IHTMLElement;
+	col: IHTMLElement;
+	colgroup: IHTMLElement;
+	data: IHTMLElement;
+	datalist: IHTMLElement;
+	dd: IHTMLElement;
+	del: IHTMLElement;
+	details: IHTMLElement;
+	dfn: IHTMLElement;
+	dialog: IHTMLDialogElement;
+	div: IHTMLElement;
+	dl: IHTMLElement;
+	dt: IHTMLElement;
+	em: IHTMLElement;
+	embed: IHTMLElement;
+	fieldset: IHTMLElement;
+	figcaption: IHTMLElement;
+	figure: IHTMLElement;
+	footer: IHTMLElement;
+	h1: IHTMLElement;
+	h2: IHTMLElement;
+	h3: IHTMLElement;
+	h4: IHTMLElement;
+	h5: IHTMLElement;
+	h6: IHTMLElement;
+	head: IHTMLElement;
+	header: IHTMLElement;
+	hgroup: IHTMLElement;
+	hr: IHTMLElement;
+	html: IHTMLElement;
+	i: IHTMLElement;
+	iframe: IHTMLIFrameElement;
+	ins: IHTMLElement;
+	kbd: IHTMLElement;
+	legend: IHTMLElement;
+	li: IHTMLElement;
+	main: IHTMLElement;
+	map: IHTMLElement;
+	mark: IHTMLElement;
+	math: IHTMLElement;
+	menu: IHTMLElement;
+	menuitem: IHTMLElement;
+	meter: IHTMLElement;
+	nav: IHTMLElement;
+	noscript: IHTMLElement;
+	object: IHTMLElement;
+	ol: IHTMLElement;
+	optgroup: IHTMLOptGroupElement;
+	option: IHTMLOptionElement;
+	output: IHTMLElement;
+	p: IHTMLElement;
+	param: IHTMLElement;
+	picture: IHTMLElement;
+	pre: IHTMLElement;
+	progress: IHTMLElement;
+	q: IHTMLElement;
+	rb: IHTMLElement;
+	rp: IHTMLElement;
+	rt: IHTMLElement;
+	rtc: IHTMLElement;
+	ruby: IHTMLElement;
+	s: IHTMLElement;
+	samp: IHTMLElement;
+	section: IHTMLElement;
+	select: IHTMLSelectElement;
+	small: IHTMLElement;
+	source: IHTMLElement;
+	span: IHTMLElement;
+	strong: IHTMLElement;
+	sub: IHTMLElement;
+	summary: IHTMLElement;
+	sup: IHTMLElement;
+	table: IHTMLElement;
+	tbody: IHTMLElement;
+	td: IHTMLElement;
+	tfoot: IHTMLElement;
+	th: IHTMLElement;
+	thead: IHTMLElement;
+	time: IHTMLElement;
+	title: IHTMLElement;
+	tr: IHTMLElement;
+	track: IHTMLElement;
+	u: IHTMLElement;
+	ul: IHTMLElement;
+	var: IHTMLElement;
+	video: IHTMLVideoElement;
+	wbr: IHTMLElement;
+}

package/src/config/ISVGElementTagNameMap.ts

@@ -0,0 +1,67 @@
+import ISVGSVGElement from '../nodes/svg-element/ISVGSVGElement.js';
+import ISVGElement from '../nodes/svg-element/ISVGElement.js';
+
+export default interface ISVGElementTagNameMap {
+	svg: ISVGSVGElement;
+	animate: ISVGElement;
+	animateMotion: ISVGElement;
+	animateTransform: ISVGElement;
+	circle: ISVGElement;
+	clipPath: ISVGElement;
+	defs: ISVGElement;
+	desc: ISVGElement;
+	ellipse: ISVGElement;
+	feBlend: ISVGElement;
+	feColorMatrix: ISVGElement;
+	feComponentTransfer: ISVGElement;
+	feComposite: ISVGElement;
+	feConvolveMatrix: ISVGElement;
+	feDiffuseLighting: ISVGElement;
+	feDisplacementMap: ISVGElement;
+	feDistantLight: ISVGElement;
+	feDropShadow: ISVGElement;
+	feFlood: ISVGElement;
+	feFuncA: ISVGElement;
+	feFuncB: ISVGElement;
+	feFuncG: ISVGElement;
+	feFuncR: ISVGElement;
+	feGaussianBlur: ISVGElement;
+	feImage: ISVGElement;
+	feMerge: ISVGElement;
+	feMergeNode: ISVGElement;
+	feMorphology: ISVGElement;
+	feOffset: ISVGElement;
+	fePointLight: ISVGElement;
+	feSpecularLighting: ISVGElement;
+	feSpotLight: ISVGElement;
+	feTile: ISVGElement;
+	feTurbulence: ISVGElement;
+	filter: ISVGElement;
+	foreignObject: ISVGElement;
+	g: ISVGElement;
+	image: ISVGElement;
+	line: ISVGElement;
+	linearGradient: ISVGElement;
+	marker: ISVGElement;
+	mask: ISVGElement;
+	metadata: ISVGElement;
+	mpath: ISVGElement;
+	path: ISVGElement;
+	pattern: ISVGElement;
+	polygon: ISVGElement;
+	polyline: ISVGElement;
+	radialGradient: ISVGElement;
+	rect: ISVGElement;
+	script: ISVGElement;
+	set: ISVGElement;
+	stop: ISVGElement;
+	style: ISVGElement;
+	switch: ISVGElement;
+	symbol: ISVGElement;
+	text: ISVGElement;
+	textPath: ISVGElement;
+	title: ISVGElement;
+	tspan: ISVGElement;
+	use: ISVGElement;
+	view: ISVGElement;
+}

package/src/event/events/HashChangeEvent.ts

@@ -0,0 +1,25 @@
+import Event from '../Event.js';
+import IHashChangeEventInit from './IHashChangeEventInit.js';
+
+/**
+ * Hash change event.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HashChangeEvent
+ */
+export default class HashChangeEvent extends Event {
+	public readonly newURL: string;
+	public readonly oldURL: string;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param type Event type.
+	 * @param [eventInit] Event init.
+	 */
+	constructor(type: string, eventInit: IHashChangeEventInit | null = null) {
+		super(type, eventInit);
+
+		this.newURL = eventInit?.newURL ?? '';
+		this.oldURL = eventInit?.oldURL ?? '';
+	}
+}

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

@@ -14,7 +14,6 @@ import { Socket } from 'net';
 import Stream from 'stream';
 import DataURIParser from './data-uri/DataURIParser.js';
 import FetchCORSUtility from './utilities/FetchCORSUtility.js';
-import { ReadableStream } from 'stream/web';
 import Request from './Request.js';
 import Response from './Response.js';
 import Event from '../event/Event.js';
@@ -28,6 +27,7 @@ import FetchResponseRedirectUtility from './utilities/FetchResponseRedirectUtili
 import FetchResponseHeaderUtility from './utilities/FetchResponseHeaderUtility.js';
 import FetchHTTPSCertificate from './certificate/FetchHTTPSCertificate.js';
 import { Buffer } from 'buffer';
+import FetchBodyUtility from './utilities/FetchBodyUtility.js';
 
 const LAST_CHUNK = Buffer.from('0\r\n\r\n');
 
@@ -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;
 		}
@@ -545,7 +545,10 @@ export default class Fetch {
 			nodeResponse.statusCode === 204 ||
 			nodeResponse.statusCode === 304
 		) {
-			this.response = new this.#window.Response(this.nodeToWebStream(body), responseOptions);
+			this.response = new this.#window.Response(
+				FetchBodyUtility.nodeToWebStream(body),
+				responseOptions
+			);
 			(<boolean>this.response.redirected) = this.redirectCount > 0;
 			(<string>this.response.url) = this.request.url;
 			this.resolve(this.response);
@@ -567,7 +570,10 @@ export default class Fetch {
 					// Ignore error as it is forwarded to the response body.
 				}
 			});
-			this.response = new this.#window.Response(this.nodeToWebStream(body), responseOptions);
+			this.response = new this.#window.Response(
+				FetchBodyUtility.nodeToWebStream(body),
+				responseOptions
+			);
 			(<boolean>this.response.redirected) = this.redirectCount > 0;
 			(<string>this.response.url) = this.request.url;
 			this.resolve(this.response);
@@ -599,7 +605,10 @@ export default class Fetch {
 					});
 				}
 
-				this.response = new this.#window.Response(this.nodeToWebStream(body), responseOptions);
+				this.response = new this.#window.Response(
+					FetchBodyUtility.nodeToWebStream(body),
+					responseOptions
+				);
 				(<boolean>this.response.redirected) = this.redirectCount > 0;
 				(<string>this.response.url) = this.request.url;
 				this.resolve(this.response);
@@ -607,7 +616,10 @@ export default class Fetch {
 			raw.on('end', () => {
 				// Some old IIS servers return zero-length OK deflate responses, so 'data' is never emitted.
 				if (!this.response) {
-					this.response = new this.#window.Response(this.nodeToWebStream(body), responseOptions);
+					this.response = new this.#window.Response(
+						FetchBodyUtility.nodeToWebStream(body),
+						responseOptions
+					);
 					(<boolean>this.response.redirected) = this.redirectCount > 0;
 					(<string>this.response.url) = this.request.url;
 					this.resolve(this.response);
@@ -623,7 +635,10 @@ export default class Fetch {
 					// Ignore error as it is forwarded to the response body.
 				}
 			});
-			this.response = new this.#window.Response(this.nodeToWebStream(body), responseOptions);
+			this.response = new this.#window.Response(
+				FetchBodyUtility.nodeToWebStream(body),
+				responseOptions
+			);
 			(<boolean>this.response.redirected) = this.redirectCount > 0;
 			(<string>this.response.url) = this.request.url;
 			this.resolve(this.response);
@@ -631,7 +646,10 @@ export default class Fetch {
 		}
 
 		// Otherwise, use response as is
-		this.response = new this.#window.Response(this.nodeToWebStream(body), responseOptions);
+		this.response = new this.#window.Response(
+			FetchBodyUtility.nodeToWebStream(body),
+			responseOptions
+		);
 		(<boolean>this.response.redirected) = this.redirectCount > 0;
 		(<string>this.response.url) = this.request.url;
 		this.resolve(this.response);
@@ -714,7 +732,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');
@@ -806,31 +824,4 @@ export default class Fetch {
 			this.reject(error);
 		}
 	}
-
-	/**
-	 * Wraps a Node.js stream into a browser-compatible ReadableStream.
-	 *
-	 * Enables the use of Node.js streams where browser ReadableStreams are required.
-	 * Handles 'data', 'end', and 'error' events from the Node.js stream.
-	 *
-	 * @param nodeStream The Node.js stream to be converted.
-	 * @returns ReadableStream
-	 */
-	private nodeToWebStream(nodeStream: Stream): ReadableStream {
-		return new ReadableStream({
-			start(controller) {
-				nodeStream.on('data', (chunk) => {
-					controller.enqueue(chunk);
-				});
-
-				nodeStream.on('end', () => {
-					controller.close();
-				});
-
-				nodeStream.on('error', (err) => {
-					controller.error(err);
-				});
-			}
-		});
-	}
 }

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/Response.ts

@@ -267,18 +267,15 @@ export default class Response implements IResponse {
 	 * @returns Clone.
 	 */
 	public clone(): Response {
-		const response = new this.#window.Response(this.body, {
+		const body = FetchBodyUtility.cloneBodyStream(this);
+
+		const response = new this.#window.Response(body, {
 			status: this.status,
 			statusText: this.statusText,
 			headers: this.headers
 		});
 
-		(<number>response.status) = this.status;
-		(<string>response.statusText) = this.statusText;
 		(<boolean>response.ok) = this.ok;
-		(<Headers>response.headers) = new Headers(this.headers);
-		(<ReadableStream>response.body) = this.body;
-		(<boolean>response.bodyUsed) = this.bodyUsed;
 		(<boolean>response.redirected) = this.redirected;
 		(<string>response.type) = this.type;
 		(<string>response.url) = this.url;

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');