happy-dom 15.0.0 → 15.1.0

package/src/window/VMGlobalPropertyScript.ts

@@ -48,7 +48,6 @@ this.isFinite = globalThis.isFinite;
 this.isNaN = globalThis.isNaN;
 this.parseFloat = globalThis.parseFloat;
 this.parseInt = globalThis.parseInt;
-this.process = null;
 this.root = globalThis.root;
 this.undefined = globalThis.undefined;
 this.unescape = globalThis.unescape;

package/src/window/WindowBrowserContext.ts

@@ -0,0 +1,114 @@
+import AsyncTaskManager from '../async-task-manager/AsyncTaskManager.js';
+import IBrowser from '../browser/types/IBrowser.js';
+import IBrowserContext from '../browser/types/IBrowserContext.js';
+import IBrowserFrame from '../browser/types/IBrowserFrame.js';
+import IBrowserPage from '../browser/types/IBrowserPage.js';
+import IBrowserSettings from '../browser/types/IBrowserSettings.js';
+import * as PropertySymbol from '../PropertySymbol.js';
+import BrowserWindow from './BrowserWindow.js';
+
+/**
+ * API for accessing the Browser in a Window context without exposing the Browser as accessible properties.
+ *
+ * The Browser should never be exposed to scripts, as the scripts could then manipulate it, which would lead to security issues.
+ */
+export default class WindowBrowserContext {
+	private static [PropertySymbol.browserFrames]: Map<number, IBrowserFrame> = new Map();
+	private static [PropertySymbol.windowInternalId] = 0;
+	#window: BrowserWindow;
+
+	/**
+	 * Browser window.
+	 *
+	 * @param window Window.
+	 */
+	constructor(window: BrowserWindow) {
+		this.#window = window;
+	}
+
+	/**
+	 * Returns the browser settings of the window.
+	 *
+	 * @returns Browser settings.
+	 */
+	public getSettings(): IBrowserSettings | null {
+		return this.getBrowserFrame()?.page?.context?.browser?.settings || null;
+	}
+
+	/**
+	 * Returns the browser.
+	 *
+	 * @returns Browser.
+	 */
+	public getBrowser(): IBrowser | null {
+		return this.getBrowserFrame()?.page?.context?.browser || null;
+	}
+
+	/**
+	 * Returns the browser page.
+	 *
+	 * @returns Browser page.
+	 */
+	public getBrowserPage(): IBrowserPage | null {
+		return this.getBrowserFrame()?.page || null;
+	}
+
+	/**
+	 * Returns the browser context.
+	 *
+	 * @returns Browser context.
+	 */
+	public getBrowserContext(): IBrowserContext | null {
+		return this.getBrowserFrame()?.page?.context || null;
+	}
+
+	/**
+	 * Returns the browser frame of the window.
+	 *
+	 * @returns Browser frame.
+	 */
+	public getBrowserFrame(): IBrowserFrame | null {
+		return (
+			(<typeof WindowBrowserContext>this.constructor)[PropertySymbol.browserFrames].get(
+				this.#window[PropertySymbol.internalId]
+			) || null
+		);
+	}
+
+	/**
+	 * Returns the async task manager of the window.
+	 *
+	 * @returns Async task manager.
+	 */
+	public getAsyncTaskManager(): AsyncTaskManager | null {
+		return this.getBrowserFrame()?.[PropertySymbol.asyncTaskManager] || null;
+	}
+
+	/**
+	 * Assigns the window to a browser frame.
+	 *
+	 * @param window Window.
+	 * @param browserFrame Browser frame.
+	 */
+	public static setWindowBrowserFrameRelation(
+		window: BrowserWindow,
+		browserFrame: IBrowserFrame
+	): void {
+		const browserFrames = this[PropertySymbol.browserFrames];
+		if (window[PropertySymbol.internalId] === -1) {
+			window[PropertySymbol.internalId] = this[PropertySymbol.windowInternalId];
+			this[PropertySymbol.windowInternalId]++;
+		}
+		browserFrames.set(window[PropertySymbol.internalId], browserFrame);
+	}
+
+	/**
+	 * Assigns the window to a browser frame.
+	 *
+	 * @param window Window.
+	 * @param browserFrame Browser frame.
+	 */
+	public static removeWindowBrowserFrameRelation(window: BrowserWindow): void {
+		this[PropertySymbol.browserFrames].delete(window[PropertySymbol.internalId]);
+	}
+}

package/src/window/WindowClassExtender.ts

@@ -0,0 +1,306 @@
+import BrowserWindow from './BrowserWindow.js';
+import * as PropertySymbol from '../PropertySymbol.js';
+
+import DocumentImplementation from '../nodes/document/Document.js';
+import HTMLDocumentImplementation from '../nodes/html-document/HTMLDocument.js';
+import XMLDocumentImplementation from '../nodes/xml-document/XMLDocument.js';
+import SVGDocumentImplementation from '../nodes/svg-document/SVGDocument.js';
+import DocumentFragmentImplementation from '../nodes/document-fragment/DocumentFragment.js';
+import TextImplementation from '../nodes/text/Text.js';
+import CommentImplementation from '../nodes/comment/Comment.js';
+import ImageImplementation from '../nodes/html-image-element/Image.js';
+import AudioImplementation from '../nodes/html-audio-element/Audio.js';
+import NodeIteratorImplementation from '../tree-walker/NodeIterator.js';
+import TreeWalkerImplementation from '../tree-walker/TreeWalker.js';
+import MutationObserverImplementation from '../mutation-observer/MutationObserver.js';
+import CSSStyleDeclarationImplementation from '../css/declaration/CSSStyleDeclaration.js';
+import MessagePortImplementation from '../event/MessagePort.js';
+import DataTransferImplementation from '../event/DataTransfer.js';
+import DataTransferItemImplementation from '../event/DataTransferItem.js';
+import DataTransferItemListImplementation from '../event/DataTransferItemList.js';
+import XMLSerializerImplementation from '../xml-serializer/XMLSerializer.js';
+import CSSStyleSheetImplementation from '../css/CSSStyleSheet.js';
+import DOMExceptionImplementation from '../exception/DOMException.js';
+import CSSUnitValueImplementation from '../css/CSSUnitValue.js';
+import SelectionImplementation from '../selection/Selection.js';
+import HeadersImplementation from '../fetch/Headers.js';
+import RequestImplementation from '../fetch/Request.js';
+import ResponseImplementation from '../fetch/Response.js';
+import EventTargetImplementation from '../event/EventTarget.js';
+import XMLHttpRequestUploadImplementation from '../xml-http-request/XMLHttpRequestUpload.js';
+import XMLHttpRequestEventTargetImplementation from '../xml-http-request/XMLHttpRequestEventTarget.js';
+import AbortControllerImplementation from '../fetch/AbortController.js';
+import AbortSignalImplementation from '../fetch/AbortSignal.js';
+import FormDataImplementation from '../form-data/FormData.js';
+import PermissionsImplementation from '../permissions/Permissions.js';
+import PermissionStatusImplementation from '../permissions/PermissionStatus.js';
+import ClipboardItemImplementation from '../clipboard/ClipboardItem.js';
+import XMLHttpRequestImplementation from '../xml-http-request/XMLHttpRequest.js';
+import DOMParserImplementation from '../dom-parser/DOMParser.js';
+import RangeImplementation from '../range/Range.js';
+import VTTCueImplementation from '../nodes/html-media-element/VTTCue.js';
+import TextTrackImplementation from '../nodes/html-media-element/TextTrack.js';
+import TextTrackListImplementation from '../nodes/html-media-element/TextTrackList.js';
+import TextTrackCueImplementation from '../nodes/html-media-element/TextTrackCue.js';
+import RemotePlaybackImplementation from '../nodes/html-media-element/RemotePlayback.js';
+import FileReaderImplementation from '../file/FileReader.js';
+import MediaStreamImplementation from '../nodes/html-media-element/MediaStream.js';
+import MediaStreamTrackImplementation from '../nodes/html-media-element/MediaStreamTrack.js';
+import CanvasCaptureMediaStreamTrackImplementation from '../nodes/html-canvas-element/CanvasCaptureMediaStreamTrack.js';
+import NamedNodeMapImplementation from '../nodes/element/NamedNodeMap.js';
+
+/**
+ * Extends classes with a "window" property, so that they internally can access it's Window context.
+ *
+ * By using WindowBrowserContext, the classes can get access to their Browser context, for accessing settings or navigating the browser.
+ */
+export default class WindowClassExtender {
+	/**
+	 * Extends classes with a "window" property.
+	 *
+	 * @param window Window.
+	 */
+	public static extendClass(window: BrowserWindow): void {
+		/* eslint-disable jsdoc/require-jsdoc */
+
+		// Document
+		class Document extends DocumentImplementation {}
+		Document.prototype[PropertySymbol.window] = window;
+		(<typeof Document>window.Document) = Document;
+
+		// HTMLDocument
+		class HTMLDocument extends HTMLDocumentImplementation {}
+		HTMLDocument.prototype[PropertySymbol.window] = window;
+		(<typeof HTMLDocument>window.HTMLDocument) = HTMLDocument;
+
+		// XMLDocument
+		class XMLDocument extends XMLDocumentImplementation {}
+		XMLDocument.prototype[PropertySymbol.window] = window;
+		(<typeof XMLDocument>window.XMLDocument) = XMLDocument;
+
+		// SVGDocument
+		class SVGDocument extends SVGDocumentImplementation {}
+		SVGDocument.prototype[PropertySymbol.window] = window;
+		(<typeof SVGDocument>window.SVGDocument) = SVGDocument;
+
+		// DocumentFragment
+		class DocumentFragment extends DocumentFragmentImplementation {}
+		DocumentFragment.prototype[PropertySymbol.window] = window;
+		(<typeof DocumentFragment>window.DocumentFragment) = DocumentFragment;
+
+		// Text
+		class Text extends TextImplementation {}
+		Text.prototype[PropertySymbol.window] = window;
+		(<typeof Text>window.Text) = Text;
+
+		// Comment
+		class Comment extends CommentImplementation {}
+		Comment.prototype[PropertySymbol.window] = window;
+		(<typeof Comment>window.Comment) = Comment;
+
+		// Image
+		class Image extends ImageImplementation {}
+		Image.prototype[PropertySymbol.window] = window;
+		(<typeof Image>window.Image) = Image;
+
+		// Audio
+		class Audio extends AudioImplementation {}
+		Audio.prototype[PropertySymbol.window] = window;
+		(<typeof Audio>window.Audio) = Audio;
+
+		// NodeIterator
+		class NodeIterator extends NodeIteratorImplementation {}
+		NodeIterator.prototype[PropertySymbol.window] = window;
+		(<typeof NodeIterator>window.NodeIterator) = NodeIterator;
+
+		// TreeWalker
+		class TreeWalker extends TreeWalkerImplementation {}
+		TreeWalker.prototype[PropertySymbol.window] = window;
+		(<typeof TreeWalker>window.TreeWalker) = TreeWalker;
+
+		// MutationObserver
+		class MutationObserver extends MutationObserverImplementation {}
+		MutationObserver.prototype[PropertySymbol.window] = window;
+		(<typeof MutationObserver>window.MutationObserver) = MutationObserver;
+
+		// CSSStyleDeclaration
+		class CSSStyleDeclaration extends CSSStyleDeclarationImplementation {}
+		CSSStyleDeclaration.prototype[PropertySymbol.window] = window;
+		(<typeof CSSStyleDeclaration>window.CSSStyleDeclaration) = CSSStyleDeclaration;
+
+		// MessagePort
+		class MessagePort extends MessagePortImplementation {}
+		MessagePort.prototype[PropertySymbol.window] = window;
+		(<typeof MessagePort>window.MessagePort) = MessagePort;
+
+		// DataTransfer
+		class DataTransfer extends DataTransferImplementation {}
+		DataTransfer.prototype[PropertySymbol.window] = window;
+		(<typeof DataTransfer>window.DataTransfer) = DataTransfer;
+
+		// DataTransferItem
+		class DataTransferItem extends DataTransferItemImplementation {}
+		DataTransferItem.prototype[PropertySymbol.window] = window;
+		(<typeof DataTransferItem>window.DataTransferItem) = DataTransferItem;
+
+		// DataTransferItemList
+		class DataTransferItemList extends DataTransferItemListImplementation {}
+		DataTransferItemList.prototype[PropertySymbol.window] = window;
+		(<typeof DataTransferItemList>window.DataTransferItemList) = DataTransferItemList;
+
+		// XMLSerializer
+		class XMLSerializer extends XMLSerializerImplementation {}
+		XMLSerializer.prototype[PropertySymbol.window] = window;
+		(<typeof XMLSerializer>window.XMLSerializer) = XMLSerializer;
+
+		// CSSStyleSheet
+		class CSSStyleSheet extends CSSStyleSheetImplementation {}
+		CSSStyleSheet.prototype[PropertySymbol.window] = window;
+		(<typeof CSSStyleSheet>window.CSSStyleSheet) = CSSStyleSheet;
+
+		// DOMException
+		class DOMException extends DOMExceptionImplementation {}
+		(<typeof DOMException>window.DOMException) = DOMException;
+
+		// CSSUnitValue
+		class CSSUnitValue extends CSSUnitValueImplementation {}
+		CSSUnitValue.prototype[PropertySymbol.window] = window;
+		(<typeof CSSUnitValue>window.CSSUnitValue) = CSSUnitValue;
+
+		// Selection
+		class Selection extends SelectionImplementation {}
+		Selection.prototype[PropertySymbol.window] = window;
+		(<typeof Selection>window.Selection) = Selection;
+
+		// Headers
+		class Headers extends HeadersImplementation {}
+		Headers.prototype[PropertySymbol.window] = window;
+		(<typeof Headers>window.Headers) = Headers;
+
+		// Request
+		class Request extends RequestImplementation {}
+		Request.prototype[PropertySymbol.window] = window;
+		(<typeof Request>window.Request) = Request;
+
+		// Response
+		class Response extends ResponseImplementation {}
+		Response.prototype[PropertySymbol.window] = window;
+		Response[PropertySymbol.window] = window;
+		(<typeof Response>window.Response) = Response;
+
+		// XMLHttpRequestEventTarget
+		class EventTarget extends EventTargetImplementation {}
+		EventTarget.prototype[PropertySymbol.window] = window;
+		(<typeof EventTarget>window.EventTarget) = EventTarget;
+
+		// XMLHttpRequestUpload
+		class XMLHttpRequestUpload extends XMLHttpRequestUploadImplementation {}
+		XMLHttpRequestUpload.prototype[PropertySymbol.window] = window;
+		(<typeof XMLHttpRequestUpload>window.XMLHttpRequestUpload) = XMLHttpRequestUpload;
+
+		// XMLHttpRequestEventTarget
+		class XMLHttpRequestEventTarget extends XMLHttpRequestEventTargetImplementation {}
+		XMLHttpRequestEventTarget.prototype[PropertySymbol.window] = window;
+		(<typeof XMLHttpRequestEventTarget>window.XMLHttpRequestEventTarget) =
+			XMLHttpRequestEventTarget;
+
+		// AbortController
+		class AbortController extends AbortControllerImplementation {}
+		AbortController.prototype[PropertySymbol.window] = window;
+		(<typeof AbortController>window.AbortController) = AbortController;
+
+		// AbortSignal
+		class AbortSignal extends AbortSignalImplementation {}
+		AbortSignal.prototype[PropertySymbol.window] = window;
+		AbortSignal[PropertySymbol.window] = window;
+		(<typeof AbortSignal>window.AbortSignal) = AbortSignal;
+
+		// FormData
+		class FormData extends FormDataImplementation {}
+		FormData.prototype[PropertySymbol.window] = window;
+		(<typeof FormData>window.FormData) = FormData;
+
+		// Permissions
+		class Permissions extends PermissionsImplementation {}
+		Permissions.prototype[PropertySymbol.window] = window;
+		(<typeof Permissions>window.Permissions) = Permissions;
+
+		// PermissionStatus
+		class PermissionStatus extends PermissionStatusImplementation {}
+		PermissionStatus.prototype[PropertySymbol.window] = window;
+		(<typeof PermissionStatus>window.PermissionStatus) = PermissionStatus;
+
+		// ClipboardItem
+		class ClipboardItem extends ClipboardItemImplementation {}
+		ClipboardItem.prototype[PropertySymbol.window] = window;
+		(<typeof ClipboardItem>window.ClipboardItem) = ClipboardItem;
+
+		// XMLHttpRequest
+		class XMLHttpRequest extends XMLHttpRequestImplementation {}
+		XMLHttpRequest.prototype[PropertySymbol.window] = window;
+		(<typeof XMLHttpRequest>window.XMLHttpRequest) = XMLHttpRequest;
+
+		// DOMParser
+		class DOMParser extends DOMParserImplementation {}
+		DOMParser.prototype[PropertySymbol.window] = window;
+		(<typeof DOMParser>window.DOMParser) = DOMParser;
+
+		// Range
+		class Range extends RangeImplementation {}
+		Range.prototype[PropertySymbol.window] = window;
+		(<typeof Range>window.Range) = Range;
+
+		// VTTCue
+		class VTTCue extends VTTCueImplementation {}
+		VTTCue.prototype[PropertySymbol.window] = window;
+		(<typeof VTTCue>window.VTTCue) = VTTCue;
+
+		// TextTrack
+		class TextTrack extends TextTrackImplementation {}
+		TextTrack.prototype[PropertySymbol.window] = window;
+		(<typeof TextTrack>window.TextTrack) = TextTrack;
+
+		// TextTrackList
+		class TextTrackList extends TextTrackListImplementation {}
+		TextTrackList.prototype[PropertySymbol.window] = window;
+		(<typeof TextTrackList>window.TextTrackList) = TextTrackList;
+
+		// TextTrackCue
+		class TextTrackCue extends TextTrackCueImplementation {}
+		TextTrackCue.prototype[PropertySymbol.window] = window;
+		(<typeof TextTrackCue>window.TextTrackCue) = TextTrackCue;
+
+		// RemotePlayback
+		class RemotePlayback extends RemotePlaybackImplementation {}
+		RemotePlayback.prototype[PropertySymbol.window] = window;
+		(<typeof RemotePlayback>window.RemotePlayback) = RemotePlayback;
+
+		// FileReader
+		class FileReader extends FileReaderImplementation {}
+		FileReader.prototype[PropertySymbol.window] = window;
+		(<typeof FileReader>window.FileReader) = FileReader;
+
+		// MediaStream
+		class MediaStream extends MediaStreamImplementation {}
+		MediaStream.prototype[PropertySymbol.window] = window;
+		(<typeof MediaStream>window.MediaStream) = MediaStream;
+
+		// MediaStreamTrack
+		class MediaStreamTrack extends MediaStreamTrackImplementation {}
+		MediaStreamTrack.prototype[PropertySymbol.window] = window;
+		(<typeof MediaStreamTrack>window.MediaStreamTrack) = MediaStreamTrack;
+
+		// MediaStreamTrack
+		class CanvasCaptureMediaStreamTrack extends CanvasCaptureMediaStreamTrackImplementation {}
+		CanvasCaptureMediaStreamTrack.prototype[PropertySymbol.window] = window;
+		(<typeof CanvasCaptureMediaStreamTrack>window.CanvasCaptureMediaStreamTrack) =
+			CanvasCaptureMediaStreamTrack;
+
+		// NamedNodeMap
+		class NamedNodeMap extends NamedNodeMapImplementation {}
+		NamedNodeMap.prototype[PropertySymbol.window] = window;
+		(<typeof NamedNodeMap>window.NamedNodeMap) = NamedNodeMap;
+
+		/* eslint-enable jsdoc/require-jsdoc */
+	}
+}

package/src/window/WindowPageOpenUtility.ts

@@ -34,6 +34,10 @@ export default class WindowPageOpenUtility {
 		const oldWindow = browserFrame.window;
 		let targetFrame: IBrowserFrame;
 
+		if (browserFrame.window !== oldWindow) {
+			return null;
+		}
+
 		switch (target) {
 			case '_self':
 				targetFrame = browserFrame;
@@ -57,7 +61,13 @@ export default class WindowPageOpenUtility {
 				referrer: features.noreferrer ? undefined : browserFrame.window.location.origin,
 				referrerPolicy: features.noreferrer ? 'no-referrer' : undefined
 			})
-			.catch((error) => targetFrame.page.console.error(error));
+			.catch((error) => {
+				if (targetFrame.page?.console) {
+					targetFrame.page.console.error(error);
+				} else {
+					throw error;
+				}
+			});
 
 		if (targetURL.protocol === 'javascript:') {
 			return targetFrame.window;

package/src/xml-http-request/XMLHttpRequest.ts

@@ -9,8 +9,6 @@ import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
 import XMLHttpResponseTypeEnum from './XMLHttpResponseTypeEnum.js';
 import ErrorEvent from '../event/events/ErrorEvent.js';
-import IBrowserFrame from '../browser/types/IBrowserFrame.js';
-import BrowserWindow from '../window/BrowserWindow.js';
 import Headers from '../fetch/Headers.js';
 import Fetch from '../fetch/Fetch.js';
 import SyncFetch from '../fetch/SyncFetch.js';
@@ -23,6 +21,7 @@ import IRequestBody from '../fetch/types/IRequestBody.js';
 import XMLHttpRequestResponseDataParser from './XMLHttpRequestResponseDataParser.js';
 import FetchRequestHeaderUtility from '../fetch/utilities/FetchRequestHeaderUtility.js';
 import Response from '../fetch/Response.js';
+import WindowBrowserContext from '../window/WindowBrowserContext.js';
 
 /**
  * XMLHttpRequest.
@@ -39,12 +38,10 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 	public static DONE = XMLHttpRequestReadyStateEnum.done;
 
 	// Public properties
-	public upload: XMLHttpRequestUpload = new XMLHttpRequestUpload();
+	public upload: XMLHttpRequestUpload = new this[PropertySymbol.window].XMLHttpRequestUpload();
 	public withCredentials = false;
 
 	// Private properties
-	#browserFrame: IBrowserFrame;
-	#window: BrowserWindow;
 	#async = true;
 	#abortController: AbortController | null = null;
 	#aborted = false;
@@ -56,15 +53,15 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 
 	/**
 	 * Constructor.
-	 *
-	 * @param injected Injected properties.
-	 * @param injected.browserFrame Browser frame.
-	 * @param injected.window Window.
 	 */
-	constructor(injected: { browserFrame: IBrowserFrame; window: BrowserWindow }) {
+	constructor() {
 		super();
-		this.#browserFrame = injected.browserFrame;
-		this.#window = injected.window;
+
+		if (!this[PropertySymbol.window]) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
 	}
 
 	/**
@@ -106,7 +103,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 	 */
 	public get responseText(): string {
 		if (this.responseType !== XMLHttpResponseTypeEnum.text && this.responseType !== '') {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was '${this.responseType}').`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -122,7 +119,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 	 */
 	public get responseXML(): Document {
 		if (this.responseType !== XMLHttpResponseTypeEnum.document && this.responseType !== '') {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`Failed to read the 'responseXML' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'document' (was '${this.responseType}').`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -161,14 +158,14 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 			this.readyState !== XMLHttpRequestReadyStateEnum.opened &&
 			this.readyState !== XMLHttpRequestReadyStateEnum.unsent
 		) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`Failed to set the 'responseType' property on 'XMLHttpRequest': The object's state must be OPENED or UNSENT.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 		// Sync requests can only have empty string or 'text' as response type.
 		if (!this.#async) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`Failed to set the 'responseType' property on 'XMLHttpRequest': The response type cannot be changed for synchronous requests made from a document.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -195,8 +192,10 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 	 * @param [password] Password for basic authentication (optional).
 	 */
 	public open(method: string, url: string, async = true, user?: string, password?: string): void {
+		const window = this[PropertySymbol.window];
+
 		if (!async && !!this.responseType && this.responseType !== XMLHttpResponseTypeEnum.text) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Failed to execute 'open' on 'XMLHttpRequest': Synchronous requests from a document must not set a response type.`,
 				DOMExceptionNameEnum.invalidAccessError
 			);
@@ -212,8 +211,8 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 		this.#aborted = false;
 		this.#response = null;
 		this.#responseBody = null;
-		this.#abortController = new AbortController();
-		this.#request = new this.#window.Request(url, {
+		this.#abortController = new window.AbortController();
+		this.#request = new window.Request(url, {
 			method,
 			headers,
 			signal: this.#abortController.signal,
@@ -232,7 +231,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 	 */
 	public setRequestHeader(name: string, value: string): boolean {
 		if (this.readyState !== XMLHttpRequestReadyStateEnum.opened) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`Failed to execute 'setRequestHeader' on 'XMLHttpRequest': The object's state must be OPENED.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -287,7 +286,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 	 */
 	public send(body?: Document | IRequestBody): void {
 		if (this.readyState != XMLHttpRequestReadyStateEnum.opened) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`Failed to execute 'send' on 'XMLHttpRequest': Connection must be opened before send() is called.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -328,9 +327,10 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 	 * @param body Optional data to send as request body.
 	 */
 	async #sendAsync(body?: IRequestBody): Promise<void> {
-		const taskID = this.#browserFrame[PropertySymbol.asyncTaskManager].startTask(() =>
-			this.abort()
-		);
+		const window = this[PropertySymbol.window];
+		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+		const asyncTaskManager = browserFrame[PropertySymbol.asyncTaskManager];
+		const taskID = asyncTaskManager.startTask(() => this.abort());
 
 		this.#readyState = XMLHttpRequestReadyStateEnum.loading;
 
@@ -338,7 +338,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 		this.dispatchEvent(new Event('loadstart'));
 
 		if (body) {
-			this.#request = new this.#window.Request(this.#request.url, {
+			this.#request = new window.Request(this.#request.url, {
 				method: this.#request.method,
 				headers: this.#request.headers,
 				signal: this.#abortController.signal,
@@ -353,7 +353,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 			this.dispatchEvent(new Event('abort'));
 			this.dispatchEvent(new Event('loadend'));
 			this.dispatchEvent(new Event('readystatechange'));
-			this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+			asyncTaskManager.endTask(taskID);
 		});
 
 		const onError = (error: Error): void => {
@@ -369,12 +369,12 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 			}
 			this.dispatchEvent(new Event('loadend'));
 			this.dispatchEvent(new Event('readystatechange'));
-			this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+			asyncTaskManager.endTask(taskID);
 		};
 
 		const fetch = new Fetch({
-			browserFrame: this.#browserFrame,
-			window: this.#window,
+			browserFrame: browserFrame,
+			window: window,
 			url: this.#request.url,
 			init: this.#request
 		});
@@ -426,7 +426,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 		}
 
 		this.#responseBody = XMLHttpRequestResponseDataParser.parse({
-			window: this.#window,
+			window: window,
 			responseType: this.#responseType,
 			data,
 			contentType:
@@ -434,11 +434,11 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 		});
 		this.#readyState = XMLHttpRequestReadyStateEnum.done;
 
+		asyncTaskManager.endTask(taskID);
+
 		this.dispatchEvent(new Event('readystatechange'));
 		this.dispatchEvent(new Event('load'));
 		this.dispatchEvent(new Event('loadend'));
-
-		this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
 	}
 
 	/**
@@ -447,8 +447,11 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 	 * @param body Optional data to send as request body.
 	 */
 	#sendSync(body?: IRequestBody): void {
+		const window = this[PropertySymbol.window];
+		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+
 		if (body) {
-			this.#request = new this.#window.Request(this.#request.url, {
+			this.#request = new window.Request(this.#request.url, {
 				method: this.#request.method,
 				headers: this.#request.headers,
 				signal: this.#abortController.signal,
@@ -460,8 +463,8 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 		this.#readyState = XMLHttpRequestReadyStateEnum.loading;
 
 		const fetch = new SyncFetch({
-			browserFrame: this.#browserFrame,
-			window: this.#window,
+			browserFrame,
+			window: window,
 			url: this.#request.url,
 			init: this.#request
 		});
@@ -479,7 +482,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 		this.#readyState = XMLHttpRequestReadyStateEnum.headersRecieved;
 
 		this.#responseBody = XMLHttpRequestResponseDataParser.parse({
-			window: this.#window,
+			window: window,
 			responseType: this.#responseType,
 			data: this.#response.body,
 			contentType: