happy-dom 15.0.0 → 15.2.0

package/src/fetch/Response.ts

@@ -8,13 +8,12 @@ import URL from '../url/URL.js';
 import { ReadableStream } from 'stream/web';
 import FormData from '../form-data/FormData.js';
 import FetchBodyUtility from './utilities/FetchBodyUtility.js';
-import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
 import MultipartFormDataParser from './multipart/MultipartFormDataParser.js';
 import BrowserWindow from '../window/BrowserWindow.js';
-import IBrowserFrame from '../browser/types/IBrowserFrame.js';
 import ICachedResponse from './cache/response/ICachedResponse.js';
 import { Buffer } from 'buffer';
+import WindowBrowserContext from '../window/WindowBrowserContext.js';
 
 const REDIRECT_STATUS_CODES = [301, 302, 303, 307, 308];
 
@@ -27,8 +26,9 @@ const REDIRECT_STATUS_CODES = [301, 302, 303, 307, 308];
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Response/Response
  */
 export default class Response implements Response {
-	// Needs to be injected by sub-class.
-	protected static [PropertySymbol.window]: BrowserWindow;
+	// Injected by WindowClassExtender
+	protected declare static [PropertySymbol.window]: BrowserWindow;
+	protected declare [PropertySymbol.window]: BrowserWindow;
 
 	// Public properties
 	public readonly body: ReadableStream | null = null;
@@ -43,26 +43,20 @@ export default class Response implements Response {
 	public readonly headers: Headers;
 	public [PropertySymbol.cachedResponse]: ICachedResponse | null = null;
 	public [PropertySymbol.buffer]: Buffer | null = null;
-	readonly #window: BrowserWindow;
-	readonly #browserFrame: IBrowserFrame;
 
 	/**
 	 * Constructor.
 	 *
-	 * @param injected Injected properties.
-	 * @param input Input.
-	 * @param injected.window
-	 * @param body
-	 * @param injected.browserFrame
+	 * @param body Body.
 	 * @param [init] Init.
 	 */
-	constructor(
-		injected: { window: BrowserWindow; browserFrame: IBrowserFrame },
-		body?: IResponseBody,
-		init?: IResponseInit
-	) {
-		this.#window = injected.window;
-		this.#browserFrame = injected.browserFrame;
+	constructor(body?: IResponseBody, init?: IResponseInit) {
+		if (!this[PropertySymbol.window]) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
+
 		this.status = init?.status !== undefined ? init.status : 200;
 		this.statusText = init?.statusText || '';
 		this.ok = this.status >= 200 && this.status < 300;
@@ -101,28 +95,37 @@ export default class Response implements Response {
 	 * @returns Array buffer.
 	 */
 	public async arrayBuffer(): Promise<ArrayBuffer> {
+		const window = this[PropertySymbol.window];
+
 		if (this.bodyUsed) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Body has already been used for "${this.url}".`,
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 
+		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+		const asyncTaskManager = browserFrame[PropertySymbol.asyncTaskManager];
+
 		(<boolean>this.bodyUsed) = true;
 
 		let buffer: Buffer | null = this[PropertySymbol.buffer];
 
 		if (!buffer) {
-			const taskID = this.#browserFrame[PropertySymbol.asyncTaskManager].startTask();
+			const taskID = asyncTaskManager.startTask(() => {
+				if (this.body) {
+					this.body[PropertySymbol.aborted] = true;
+				}
+			});
 
 			try {
-				buffer = await FetchBodyUtility.consumeBodyStream(this.body);
+				buffer = await FetchBodyUtility.consumeBodyStream(window, this.body);
 			} catch (error) {
-				this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+				asyncTaskManager.endTask(taskID);
 				throw error;
 			}
 
-			this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+			asyncTaskManager.endTask(taskID);
 		}
 
 		this.#storeBodyInCache(buffer);
@@ -148,26 +151,35 @@ export default class Response implements Response {
 	 * @returns Buffer.
 	 */
 	public async buffer(): Promise<Buffer> {
+		const window = this[PropertySymbol.window];
+
 		if (this.bodyUsed) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Body has already been used for "${this.url}".`,
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 
+		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+		const asyncTaskManager = browserFrame[PropertySymbol.asyncTaskManager];
+
 		(<boolean>this.bodyUsed) = true;
 
 		let buffer: Buffer | null = this[PropertySymbol.buffer];
 
 		if (!buffer) {
-			const taskID = this.#browserFrame[PropertySymbol.asyncTaskManager].startTask();
+			const taskID = asyncTaskManager.startTask(() => {
+				if (this.body) {
+					this.body[PropertySymbol.aborted] = true;
+				}
+			});
 			try {
-				buffer = await FetchBodyUtility.consumeBodyStream(this.body);
+				buffer = await FetchBodyUtility.consumeBodyStream(window, this.body);
 			} catch (error) {
-				this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+				asyncTaskManager.endTask(taskID);
 				throw error;
 			}
-			this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+			asyncTaskManager.endTask(taskID);
 		}
 
 		this.#storeBodyInCache(buffer);
@@ -181,26 +193,35 @@ export default class Response implements Response {
 	 * @returns Text.
 	 */
 	public async text(): Promise<string> {
+		const window = this[PropertySymbol.window];
+
 		if (this.bodyUsed) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Body has already been used for "${this.url}".`,
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 
+		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+		const asyncTaskManager = browserFrame[PropertySymbol.asyncTaskManager];
+
 		(<boolean>this.bodyUsed) = true;
 
 		let buffer: Buffer | null = this[PropertySymbol.buffer];
 
 		if (!buffer) {
-			const taskID = this.#browserFrame[PropertySymbol.asyncTaskManager].startTask();
+			const taskID = asyncTaskManager.startTask(() => {
+				if (this.body) {
+					this.body[PropertySymbol.aborted] = true;
+				}
+			});
 			try {
-				buffer = await FetchBodyUtility.consumeBodyStream(this.body);
+				buffer = await FetchBodyUtility.consumeBodyStream(window, this.body);
 			} catch (error) {
-				this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+				asyncTaskManager.endTask(taskID);
 				throw error;
 			}
-			this.#browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+			asyncTaskManager.endTask(taskID);
 		}
 
 		this.#storeBodyInCache(buffer);
@@ -224,12 +245,14 @@ export default class Response implements Response {
 	 * @returns Form data.
 	 */
 	public async formData(): Promise<FormData> {
+		const window = this[PropertySymbol.window];
+		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+		const asyncTaskManager = browserFrame[PropertySymbol.asyncTaskManager];
 		const contentType = this.headers.get('Content-Type');
-		const asyncTaskManager = this.#browserFrame[PropertySymbol.asyncTaskManager];
 
 		if (/multipart/i.test(contentType)) {
 			if (this.bodyUsed) {
-				throw new DOMException(
+				throw new window.DOMException(
 					`Body has already been used for "${this.url}".`,
 					DOMExceptionNameEnum.invalidStateError
 				);
@@ -237,12 +260,20 @@ export default class Response implements Response {
 
 			(<boolean>this.bodyUsed) = true;
 
-			const taskID = asyncTaskManager.startTask();
+			const taskID = browserFrame[PropertySymbol.asyncTaskManager].startTask(() => {
+				if (this.body) {
+					this.body[PropertySymbol.aborted] = true;
+				}
+			});
 			let formData: FormData;
 			let buffer: Buffer;
 
 			try {
-				const result = await MultipartFormDataParser.streamToFormData(this.body, contentType);
+				const result = await MultipartFormDataParser.streamToFormData(
+					window,
+					this.body,
+					contentType
+				);
 				formData = result.formData;
 				buffer = result.buffer;
 			} catch (error) {
@@ -267,7 +298,7 @@ export default class Response implements Response {
 			return formData;
 		}
 
-		throw new DOMException(
+		throw new window.DOMException(
 			`Failed to build FormData object: The "content-type" header is neither "application/x-www-form-urlencoded" nor "multipart/form-data".`,
 			DOMExceptionNameEnum.invalidStateError
 		);
@@ -279,9 +310,10 @@ export default class Response implements Response {
 	 * @returns Clone.
 	 */
 	public clone(): Response {
-		const body = FetchBodyUtility.cloneBodyStream(this);
+		const window = this[PropertySymbol.window];
+		const body = FetchBodyUtility.cloneBodyStream(window, this);
 
-		const response = new this.#window.Response(body, {
+		const response = new window.Response(body, {
 			status: this.status,
 			statusText: this.statusText,
 			headers: this.headers
@@ -317,14 +349,16 @@ export default class Response implements Response {
 	 * @returns Response.
 	 */
 	public static redirect(url: string, status = 302): Response {
+		const window = this[PropertySymbol.window];
+
 		if (!REDIRECT_STATUS_CODES.includes(status)) {
-			throw new DOMException(
+			throw new window.DOMException(
 				'Failed to create redirect response: Invalid redirect status code.',
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 
-		return new this[PropertySymbol.window].Response(null, {
+		return new window.Response(null, {
 			headers: {
 				location: new URL(url).toString()
 			},
@@ -354,19 +388,20 @@ export default class Response implements Response {
 	 * @returns Response.
 	 */
 	public static json(data: object, init?: IResponseInit): Response {
+		const window = this[PropertySymbol.window];
 		const body = JSON.stringify(data);
 
 		if (body === undefined) {
-			throw new TypeError('data is not JSON serializable');
+			throw new window.TypeError('data is not JSON serializable');
 		}
 
-		const headers = new this[PropertySymbol.window].Headers(init && init.headers);
+		const headers = new window.Headers(init && init.headers);
 
 		if (!headers.has('Content-Type')) {
 			headers.set('Content-Type', 'application/json');
 		}
 
-		return new this[PropertySymbol.window].Response(body, {
+		return new window.Response(body, {
 			status: 200,
 			...init,
 			headers

package/src/fetch/SyncFetch.ts

@@ -1,7 +1,6 @@
 import IRequestInit from './types/IRequestInit.js';
 import * as PropertySymbol from '../PropertySymbol.js';
 import IRequestInfo from './types/IRequestInfo.js';
-import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
 import URL from '../url/URL.js';
 import Request from './Request.js';
@@ -70,7 +69,7 @@ export default class SyncFetch {
 		this.#window = options.window;
 		this.request =
 			typeof options.url === 'string' || options.url instanceof URL
-				? new options.browserFrame.window.Request(options.url, options.init)
+				? new options.window.Request(options.url, options.init)
 				: <Request>options.url;
 		if (options.contentType) {
 			(<string>this.request[PropertySymbol.contentType]) = options.contentType;
@@ -90,7 +89,10 @@ export default class SyncFetch {
 		FetchRequestValidationUtility.validateSchema(this.request);
 
 		if (this.request.signal.aborted) {
-			throw new DOMException('The operation was aborted.', DOMExceptionNameEnum.abortError);
+			throw new this.#window.DOMException(
+				'The operation was aborted.',
+				DOMExceptionNameEnum.abortError
+			);
 		}
 
 		if (this.request[PropertySymbol.url].protocol === 'data:') {
@@ -111,7 +113,7 @@ export default class SyncFetch {
 			this.request[PropertySymbol.url].protocol === 'http:' &&
 			this.#window.location.protocol === 'https:'
 		) {
-			throw new DOMException(
+			throw new this.#window.DOMException(
 				`Mixed Content: The page at '${this.#window.location.href}' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '${this.request.url}'. This request has been blocked; the content must be served over HTTPS.`,
 				DOMExceptionNameEnum.securityError
 			);
@@ -127,7 +129,7 @@ export default class SyncFetch {
 			this.#window.console.warn(
 				`Cross-Origin Request Blocked: The Same Origin Policy dissallows reading the remote resource at "${this.request.url}".`
 			);
-			throw new DOMException(
+			throw new this.#window.DOMException(
 				`Cross-Origin Request Blocked: The Same Origin Policy dissallows reading the remote resource at "${this.request.url}".`,
 				DOMExceptionNameEnum.networkError
 			);
@@ -322,7 +324,7 @@ export default class SyncFetch {
 	 */
 	public sendRequest(): ISyncResponse {
 		if (!this.request[PropertySymbol.bodyBuffer] && this.request.body) {
-			throw new DOMException(
+			throw new this.#window.DOMException(
 				`Streams are not supported as request body for synchrounous requests.`,
 				DOMExceptionNameEnum.notSupportedError
 			);
@@ -347,7 +349,7 @@ export default class SyncFetch {
 
 		// If content length is 0, then there was an error
 		if (!content.length) {
-			throw new DOMException(
+			throw new this.#window.DOMException(
 				`Synchronous fetch to "${this.request.url}" failed.`,
 				DOMExceptionNameEnum.networkError
 			);
@@ -356,7 +358,7 @@ export default class SyncFetch {
 		const { error, incomingMessage } = <ISyncHTTPResponse>JSON.parse(content.toString());
 
 		if (error) {
-			throw new DOMException(
+			throw new this.#window.DOMException(
 				`Synchronous fetch to "${this.request.url}" failed. Error: ${error}`,
 				DOMExceptionNameEnum.networkError
 			);
@@ -441,7 +443,7 @@ export default class SyncFetch {
 				return Zlib.brotliDecompressSync(options.body);
 			}
 		} catch (error) {
-			throw new DOMException(
+			throw new this.#window.DOMException(
 				`Failed to read response body. Error: ${error.message}.`,
 				DOMExceptionNameEnum.encodingError
 			);
@@ -463,7 +465,7 @@ export default class SyncFetch {
 
 		switch (this.request.redirect) {
 			case 'error':
-				throw new DOMException(
+				throw new this.#window.DOMException(
 					`URI requested responds with a redirect, redirect mode is set to "error": ${this.request.url}`,
 					DOMExceptionNameEnum.abortError
 				);
@@ -480,7 +482,7 @@ export default class SyncFetch {
 					try {
 						locationURL = new URL(locationHeader, this.request.url);
 					} catch {
-						throw new DOMException(
+						throw new this.#window.DOMException(
 							`URI requested responds with an invalid redirect URL: ${locationHeader}`,
 							DOMExceptionNameEnum.uriMismatchError
 						);
@@ -492,7 +494,7 @@ export default class SyncFetch {
 				}
 
 				if (FetchResponseRedirectUtility.isMaxRedirectsReached(this.redirectCount)) {
-					throw new DOMException(
+					throw new this.#window.DOMException(
 						`Maximum redirects reached at: ${this.request.url}`,
 						DOMExceptionNameEnum.networkError
 					);
@@ -546,7 +548,7 @@ export default class SyncFetch {
 
 				return fetch.send();
 			default:
-				throw new DOMException(
+				throw new this.#window.DOMException(
 					`Redirect option '${this.request.redirect}' is not a valid value of IRequestRedirect`
 				);
 		}

package/src/fetch/multipart/MultipartFormDataParser.ts

@@ -2,9 +2,9 @@ import FormData from '../../form-data/FormData.js';
 import { ReadableStream } from 'stream/web';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import MultipartReader from './MultipartReader.js';
-import DOMException from '../../exception/DOMException.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import { Buffer } from 'buffer';
+import BrowserWindow from '../../window/BrowserWindow.js';
 
 /**
  * Multipart form data factory.
@@ -16,16 +16,18 @@ export default class MultipartFormDataParser {
 	/**
 	 * Returns form data.
 	 *
+	 * @param window Window.
 	 * @param body Body.
 	 * @param contentType Content type header value.
 	 * @returns Form data.
 	 */
 	public static async streamToFormData(
+		window: BrowserWindow,
 		body: ReadableStream,
 		contentType: string
 	): Promise<{ formData: FormData; buffer: Buffer }> {
 		if (!/multipart/i.test(contentType)) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Failed to build FormData object: The "content-type" header isn't of type "multipart/form-data".`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -34,14 +36,14 @@ export default class MultipartFormDataParser {
 		const match = contentType.match(/boundary=(?:"([^"]+)"|([^;]+))/i);
 
 		if (!match) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Failed to build FormData object: The "content-type" header doesn't contain any multipart boundary.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 
 		const bodyReader = body.getReader();
-		const reader = new MultipartReader(match[1] || match[2]);
+		const reader = new MultipartReader(window, match[1] || match[2]);
 		const chunks = [];
 		let buffer: Buffer;
 		const bytes = 0;
@@ -49,6 +51,15 @@ export default class MultipartFormDataParser {
 		let readResult = await bodyReader.read();
 
 		while (!readResult.done) {
+			if (body[PropertySymbol.error]) {
+				throw body[PropertySymbol.error];
+			}
+			if (body[PropertySymbol.aborted]) {
+				throw new window.DOMException(
+					'Failed to read response body: The stream was aborted.',
+					DOMExceptionNameEnum.abortError
+				);
+			}
 			reader.write(readResult.value);
 			readResult = await bodyReader.read();
 		}
@@ -57,7 +68,7 @@ export default class MultipartFormDataParser {
 			buffer =
 				typeof chunks[0] === 'string' ? Buffer.from(chunks.join('')) : Buffer.concat(chunks, bytes);
 		} catch (error) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Could not create Buffer from response body. Error: ${error.message}.`,
 				DOMExceptionNameEnum.invalidStateError
 			);

package/src/fetch/multipart/MultipartReader.ts

@@ -1,7 +1,7 @@
-import DOMException from '../../exception/DOMException.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import File from '../../file/File.js';
 import FormData from '../../form-data/FormData.js';
+import BrowserWindow from '../../window/BrowserWindow.js';
 
 enum MultiparParserStateEnum {
 	boundary = 0,
@@ -37,15 +37,18 @@ export default class MultipartReader {
 		contentType: null,
 		header: ''
 	};
+	private window: BrowserWindow;
 
 	/**
 	 * Constructor.
 	 *
+	 * @param window Window.
 	 * @param formData Form data.
 	 * @param boundary Boundary.
 	 */
-	constructor(boundary: string) {
+	constructor(window: BrowserWindow, boundary: string) {
 		const boundaryHeader = `--${boundary}`;
+		this.window = window;
 		this.boundary = new Uint8Array(boundaryHeader.length);
 
 		for (let i = 0, max = boundaryHeader.length; i < max; i++) {
@@ -156,7 +159,7 @@ export default class MultipartReader {
 	 */
 	public end(): FormData {
 		if (this.state !== MultiparParserStateEnum.data) {
-			throw new DOMException(
+			throw new this.window.DOMException(
 				`Unexpected end of multipart stream. Expected state to be "${MultiparParserStateEnum.data}" but got "${this.state}".`,
 				DOMExceptionNameEnum.invalidStateError
 			);

package/src/fetch/utilities/FetchBodyUtility.ts

@@ -10,6 +10,7 @@ import IRequestBody from '../types/IRequestBody.js';
 import IResponseBody from '../types/IResponseBody.js';
 import { Buffer } from 'buffer';
 import Stream from 'stream';
+import BrowserWindow from '../../window/BrowserWindow.js';
 
 /**
  * Fetch body utility.
@@ -97,17 +98,21 @@ export default class FetchBodyUtility {
 	 * It is actually not cloning the stream.
 	 * It creates a pass through stream and pipes the original stream to it.
 	 *
+	 * @param window Window.
 	 * @param requestOrResponse Request or Response.
 	 * @param requestOrResponse.body Body.
 	 * @param requestOrResponse.bodyUsed Body used.
 	 * @returns New stream.
 	 */
-	public static cloneBodyStream(requestOrResponse: {
-		body: ReadableStream | null;
-		bodyUsed: boolean;
-	}): ReadableStream {
+	public static cloneBodyStream(
+		window: BrowserWindow,
+		requestOrResponse: {
+			body: ReadableStream | null;
+			bodyUsed: boolean;
+		}
+	): ReadableStream {
 		if (requestOrResponse.bodyUsed) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Failed to clone body stream of request: Request body is already used.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -153,10 +158,14 @@ export default class FetchBodyUtility {
 	 * https://github.com/node-fetch/node-fetch/blob/main/src/body.js (MIT)
 	 *
 	 * @see https://fetch.spec.whatwg.org/#concept-body-consume-body
+	 * @param window Window.
 	 * @param body Body stream.
 	 * @returns Promise.
 	 */
-	public static async consumeBodyStream(body: ReadableStream | null): Promise<Buffer> {
+	public static async consumeBodyStream(
+		window: BrowserWindow,
+		body: ReadableStream | null
+	): Promise<Buffer> {
 		if (body === null || !(body instanceof ReadableStream)) {
 			return Buffer.alloc(0);
 		}
@@ -175,6 +184,12 @@ export default class FetchBodyUtility {
 				if (body[PropertySymbol.error]) {
 					throw body[PropertySymbol.error];
 				}
+				if (body[PropertySymbol.aborted]) {
+					throw new window.DOMException(
+						'Failed to read response body: The stream was aborted.',
+						DOMExceptionNameEnum.abortError
+					);
+				}
 				const chunk = readResult.value;
 				bytes += chunk.length;
 				chunks.push(chunk);
@@ -184,7 +199,7 @@ export default class FetchBodyUtility {
 			if (error instanceof DOMException) {
 				throw error;
 			}
-			throw new DOMException(
+			throw new window.DOMException(
 				`Failed to read response body. Error: ${error.message}.`,
 				DOMExceptionNameEnum.encodingError
 			);
@@ -197,7 +212,7 @@ export default class FetchBodyUtility {
 
 			return Buffer.concat(chunks, bytes);
 		} catch (error) {
-			throw new DOMException(
+			throw new window.DOMException(
 				`Could not create Buffer from response body. Error: ${error.message}.`,
 				DOMExceptionNameEnum.invalidStateError
 			);

package/src/file/FileReader.ts

@@ -1,8 +1,6 @@
 import WhatwgMIMEType from 'whatwg-mimetype';
 import * as PropertySymbol from '../PropertySymbol.js';
-import BrowserWindow from '../window/BrowserWindow.js';
 import ProgressEvent from '../event/events/ProgressEvent.js';
-import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
 import Blob from './Blob.js';
 import FileReaderReadyStateEnum from './FileReaderReadyStateEnum.js';
@@ -31,16 +29,18 @@ export default class FileReader extends EventTarget {
 	#isTerminated = false;
 	#loadTimeout: NodeJS.Timeout | null = null;
 	#parseTimeout: NodeJS.Timeout | null = null;
-	readonly #window: BrowserWindow;
 
 	/**
 	 * Constructor.
-	 *
-	 * @param window Window.
 	 */
-	constructor(window: BrowserWindow) {
+	constructor() {
 		super();
-		this.#window = window;
+
+		if (!this[PropertySymbol.window]) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
 	}
 
 	/**
@@ -84,8 +84,10 @@ export default class FileReader extends EventTarget {
 	 * Aborts the file reader.
 	 */
 	public abort(): void {
-		this.#window.clearTimeout(this.#loadTimeout);
-		this.#window.clearTimeout(this.#parseTimeout);
+		const window = this[PropertySymbol.window];
+
+		window.clearTimeout(this.#loadTimeout);
+		window.clearTimeout(this.#parseTimeout);
 
 		if (
 			this.readyState === FileReaderReadyStateEnum.empty ||
@@ -113,8 +115,10 @@ export default class FileReader extends EventTarget {
 	 * @param [encoding] Encoding.
 	 */
 	#readFile(blob: Blob, format: FileReaderFormatEnum, encoding: string | null = null): void {
+		const window = this[PropertySymbol.window];
+
 		if (this.readyState === FileReaderReadyStateEnum.loading) {
-			throw new DOMException(
+			throw new window.DOMException(
 				'The object is in an invalid state.',
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -122,7 +126,7 @@ export default class FileReader extends EventTarget {
 
 		(<number>this.readyState) = FileReaderReadyStateEnum.loading;
 
-		this.#loadTimeout = this.#window.setTimeout(() => {
+		this.#loadTimeout = window.setTimeout(() => {
 			if (this.#isTerminated) {
 				this.#isTerminated = false;
 				return;
@@ -143,7 +147,7 @@ export default class FileReader extends EventTarget {
 				})
 			);
 
-			this.#parseTimeout = this.#window.setTimeout(() => {
+			this.#parseTimeout = window.setTimeout(() => {
 				if (this.#isTerminated) {
 					this.#isTerminated = false;
 					return;