happy-dom 18.0.1 → 19.0.1

package/src/query-selector/SelectorParser.ts

@@ -2,6 +2,9 @@ import SelectorItem from './SelectorItem.js';
 import SelectorCombinatorEnum from './SelectorCombinatorEnum.js';
 import DOMException from '../exception/DOMException.js';
 import ISelectorPseudo from './ISelectorPseudo.js';
+import Element from '../nodes/element/Element.js';
+import Document from '../nodes/document/Document.js';
+import DocumentFragment from '../nodes/document-fragment/DocumentFragment.js';
 
 /**
  * Selector RegExp.
@@ -68,13 +71,14 @@ export default class SelectorParser {
 	 * Parses a selector string and returns an instance of SelectorItem.
 	 *
 	 * @param selector Selector.
-	 * @param [options] Options.
+	 * @param options Options.
+	 * @param options.scope Scope.
 	 * @param [options.ignoreErrors] Ignores errors.
 	 * @returns Selector item.
 	 */
 	public static getSelectorItem(
 		selector: string,
-		options?: { ignoreErrors?: boolean }
+		options?: { scope?: Element | Document | DocumentFragment; ignoreErrors?: boolean }
 	): SelectorItem {
 		return this.getSelectorGroups(selector, options)[0][0];
 	}
@@ -83,37 +87,46 @@ export default class SelectorParser {
 	 * Parses a selector string and returns groups with SelectorItem instances.
 	 *
 	 * @param selector Selector.
-	 * @param [options] Options.
+	 * @param options Options.
+	 * @param options.scope Scope.
 	 * @param [options.ignoreErrors] Ignores errors.
 	 * @returns Selector groups.
 	 */
 	public static getSelectorGroups(
 		selector: string,
-		options?: { ignoreErrors?: boolean }
+		options?: { scope?: Element | Document | DocumentFragment; ignoreErrors?: boolean }
 	): Array<Array<SelectorItem>> {
 		selector = selector.trim();
 		const ignoreErrors = options?.ignoreErrors;
+		const scope = options?.scope;
 
 		if (selector === '*') {
-			return [[new SelectorItem({ tagName: '*', ignoreErrors })]];
+			return [[new SelectorItem({ scope, tagName: '*', ignoreErrors })]];
 		}
 
 		const simpleMatch = selector.match(SIMPLE_SELECTOR_REGEXP);
 
 		if (simpleMatch) {
 			if (simpleMatch[1]) {
-				return [[new SelectorItem({ tagName: selector.toUpperCase(), ignoreErrors })]];
+				return [[new SelectorItem({ scope, tagName: selector.toUpperCase(), ignoreErrors })]];
 			} else if (simpleMatch[2]) {
 				return [
-					[new SelectorItem({ classNames: selector.replace('.', '').split('.'), ignoreErrors })]
+					[
+						new SelectorItem({
+							scope,
+							classNames: selector.replace('.', '').split('.'),
+							ignoreErrors
+						})
+					]
 				];
 			} else if (simpleMatch[3]) {
-				return [[new SelectorItem({ id: selector.replace('#', ''), ignoreErrors })]];
+				return [[new SelectorItem({ scope, id: selector.replace('#', ''), ignoreErrors })]];
 			}
 		}
 
 		const regexp = new RegExp(SELECTOR_REGEXP);
 		let currentSelectorItem: SelectorItem = new SelectorItem({
+			scope,
 			combinator: SelectorCombinatorEnum.descendant,
 			ignoreErrors
 		});
@@ -178,6 +191,7 @@ export default class SelectorParser {
 					switch (match[17].trim()) {
 						case ',':
 							currentSelectorItem = new SelectorItem({
+								scope,
 								combinator: SelectorCombinatorEnum.descendant,
 								ignoreErrors
 							});
@@ -186,6 +200,7 @@ export default class SelectorParser {
 							break;
 						case '>':
 							currentSelectorItem = new SelectorItem({
+								scope,
 								combinator: SelectorCombinatorEnum.child,
 								ignoreErrors
 							});
@@ -193,6 +208,7 @@ export default class SelectorParser {
 							break;
 						case '+':
 							currentSelectorItem = new SelectorItem({
+								scope,
 								combinator: SelectorCombinatorEnum.adjacentSibling,
 								ignoreErrors
 							});
@@ -200,6 +216,7 @@ export default class SelectorParser {
 							break;
 						case '~':
 							currentSelectorItem = new SelectorItem({
+								scope,
 								combinator: SelectorCombinatorEnum.subsequentSibling,
 								ignoreErrors
 							});
@@ -207,6 +224,7 @@ export default class SelectorParser {
 							break;
 						case '':
 							currentSelectorItem = new SelectorItem({
+								scope,
 								combinator: SelectorCombinatorEnum.descendant,
 								ignoreErrors
 							});
@@ -278,14 +296,15 @@ export default class SelectorParser {
 	 *
 	 * @param name Pseudo name.
 	 * @param args Pseudo arguments.
-	 * @param [options] Options.
+	 * @param options Options.
+	 * @param options.scope Scope.
 	 * @param [options.ignoreErrors] Ignores errors.
 	 * @returns Pseudo.
 	 */
 	private static getPseudo(
 		name: string,
-		args?: string | null,
-		options?: { ignoreErrors?: boolean }
+		args: string | null | undefined,
+		options?: { scope?: Element | Document | DocumentFragment; ignoreErrors?: boolean }
 	): ISelectorPseudo {
 		const lowerName = name.toLowerCase();
 
@@ -361,10 +380,12 @@ export default class SelectorParser {
 
 				return {
 					name: lowerName,
-					arguments: args,
+					arguments: args || '',
 					selectorItems: hasSelectorItems,
 					nthFunction: null
 				};
+			case 'scope':
+			case 'root':
 			default:
 				return { name: lowerName, arguments: args, selectorItems: null, nthFunction: null };
 		}

package/src/url/URL.ts

@@ -2,11 +2,33 @@ import { URL as NodeJSURL } from 'url';
 import * as PropertySymbol from '../PropertySymbol.js';
 import { Blob as NodeJSBlob } from 'buffer';
 import Blob from '../file/Blob.js';
+import BrowserWindow from '../window/BrowserWindow.js';
 
 /**
  * URL.
  */
 export default class URL extends NodeJSURL {
+	// Injected by WindowContextClassExtender
+	protected declare [PropertySymbol.window]?: BrowserWindow;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param url URL.
+	 * @param [base] Base URL.
+	 */
+	constructor(url: string | URL, base?: string | URL) {
+		try {
+			super(url, base);
+		} catch (error) {
+			super('about:blank');
+			if (this[PropertySymbol.window]) {
+				throw new this[PropertySymbol.window].TypeError('Invalid URL');
+			}
+			throw error;
+		}
+	}
+
 	/**
 	 * Creates a string containing a URL representing the object given in the parameter.
 	 *

package/src/window/BrowserWindow.ts

@@ -308,6 +308,16 @@ import CustomElementReactionStack from '../custom-element/CustomElementReactionS
 import IScrollToOptions from './IScrollToOptions.js';
 import IModule from '../module/IModule.js';
 import IModuleImportMap from '../module/IModuleImportMap.js';
+import StylePropertyMapReadOnly from '../css/style-property-map/StylePropertyMapReadOnly.js';
+import StylePropertyMap from '../css/style-property-map/StylePropertyMap.js';
+import MediaList from '../css/MediaList.js';
+import CSSKeywordValue from '../css/style-property-map/CSSKeywordValue.js';
+import CSSStyleValue from '../css/style-property-map/CSSStyleValue.js';
+import CSSConditionRule from '../css/rules/CSSConditionRule.js';
+import CSSGroupingRule from '../css/rules/CSSGroupingRule.js';
+import CSSScopeRule from '../css/rules/CSSScopeRule.js';
+import PopStateEvent from '../event/events/PopStateEvent.js';
+import ITimerLoopsLimit from './ITimerLoopsLimit.js';
 
 const TIMER = {
 	setTimeout: globalThis.setTimeout.bind(globalThis),
@@ -533,6 +543,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly HashChangeEvent = HashChangeEvent;
 	public readonly ClipboardEvent = ClipboardEvent;
 	public readonly TouchEvent = TouchEvent;
+	public readonly PopStateEvent = PopStateEvent;
 	public readonly Touch = Touch;
 
 	// Non-implemented event classes
@@ -559,7 +570,6 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly OverconstrainedError = Event;
 	public readonly PageTransitionEvent = Event;
 	public readonly PaymentRequestUpdateEvent = Event;
-	public readonly PopStateEvent = Event;
 	public readonly RelatedEvent = Event;
 	public readonly RTCDataChannelEvent = Event;
 	public readonly RTCIdentityErrorEvent = Event;
@@ -601,6 +611,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public declare readonly TextTrackList: typeof TextTrackList;
 	public declare readonly TextTrackCue: typeof TextTrackCue;
 	public declare readonly RemotePlayback: typeof RemotePlayback;
+	public declare readonly URL: typeof URL;
 
 	// Other classes that don't have to be bound to the Window context
 	public readonly Permissions = Permissions;
@@ -622,6 +633,9 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly CSSMediaRule = CSSMediaRule;
 	public readonly CSSStyleRule = CSSStyleRule;
 	public readonly CSSSupportsRule = CSSSupportsRule;
+	public readonly CSSConditionRule = CSSConditionRule;
+	public readonly CSSGroupingRule = CSSGroupingRule;
+	public readonly CSSScopeRule = CSSScopeRule;
 	public readonly DOMRect = DOMRect;
 	public readonly DOMRectReadOnly = DOMRectReadOnly;
 	public readonly Plugin = Plugin;
@@ -629,7 +643,6 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly Location = Location;
 	public readonly CustomElementRegistry = CustomElementRegistry;
 	public readonly ResizeObserver = ResizeObserver;
-	public readonly URL = URL;
 	public readonly Blob = Blob;
 	public readonly File = File;
 	public readonly Storage = Storage;
@@ -683,6 +696,11 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly SVGAnimatedLengthList = SVGAnimatedLengthList;
 	public readonly SVGUnitTypes = SVGUnitTypes;
 	public readonly DOMPoint = DOMPoint;
+	public readonly StylePropertyMap = StylePropertyMap;
+	public readonly StylePropertyMapReadOnly = StylePropertyMapReadOnly;
+	public readonly MediaList = MediaList;
+	public readonly CSSKeywordValue = CSSKeywordValue;
+	public readonly CSSStyleValue = CSSStyleValue;
 	public readonly Window = <typeof BrowserWindow>this.constructor;
 
 	// Node.js Classes
@@ -783,7 +801,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	// Used for tracking capture event listeners to improve performance when they are not used.
 	// See EventTarget class.
 	public [PropertySymbol.mutationObservers]: MutationObserver[] = [];
-	public readonly [PropertySymbol.readyStateManager] = new DocumentReadyStateManager(this);
+	public readonly [PropertySymbol.readyStateManager]: DocumentReadyStateManager;
 	public [PropertySymbol.location]: Location;
 	public [PropertySymbol.history]: History;
 	public [PropertySymbol.navigator]: Navigator;
@@ -794,6 +812,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public [PropertySymbol.top]: BrowserWindow | null = this;
 	public [PropertySymbol.parent]: BrowserWindow | null = this;
 	public [PropertySymbol.window]: BrowserWindow = this;
+	public [PropertySymbol.frames]: BrowserWindow = this;
 	public [PropertySymbol.internalId]: number = -1;
 	public [PropertySymbol.customElementReactionStack] = new CustomElementReactionStack(this);
 	public [PropertySymbol.modules]: {
@@ -816,6 +835,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	#devicePixelRatio: number | null = null;
 	#zeroDelayTimeout: { timeouts: Array<Timeout> | null } = { timeouts: null };
 	#timerLoopStacks: string[] = [];
+	#timerLoopLimits: ITimerLoopsLimit[] = [];
 
 	/**
 	 * Constructor.
@@ -831,6 +851,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 
 		this.console = browserFrame.page.console;
 
+		this[PropertySymbol.readyStateManager] = new DocumentReadyStateManager(browserFrame);
 		this[PropertySymbol.navigator] = new Navigator(this);
 		this[PropertySymbol.screen] = new Screen();
 		this[PropertySymbol.sessionStorage] = new Storage();
@@ -838,6 +859,8 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 		this[PropertySymbol.location] = new Location(this.#browserFrame, options?.url ?? 'about:blank');
 		this[PropertySymbol.history] = new History(this.#browserFrame, this);
 
+		browserFrame[PropertySymbol.history].currentItem.href = options?.url ?? 'about:blank';
+
 		WindowBrowserContext.setWindowBrowserFrameRelation(this, this.#browserFrame);
 
 		this[PropertySymbol.setupVMContext]();
@@ -849,13 +872,18 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 		this.document[PropertySymbol.defaultView] = this;
 
 		// Ready state manager
+		const taskID = browserFrame[PropertySymbol.asyncTaskManager].startTask(() =>
+			this[PropertySymbol.readyStateManager].destroy()
+		);
 		this[PropertySymbol.readyStateManager].waitUntilComplete().then(() => {
+			browserFrame[PropertySymbol.asyncTaskManager].endTask(taskID);
+
 			this.document[PropertySymbol.readyState] = DocumentReadyStateEnum.complete;
 			this.document.dispatchEvent(new Event('readystatechange'));
 
-			// Not sure why target is set to document here, but this is how it works in the browser
 			const loadEvent = new Event('load');
 
+			// Not sure why target is set to document here, but this is how it seem to work in the browser
 			loadEvent[PropertySymbol.currentTarget] = this;
 			loadEvent[PropertySymbol.target] = this.document;
 			loadEvent[PropertySymbol.eventPhase] = EventPhaseEnum.atTarget;
@@ -880,7 +908,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	}
 
 	/**
-	 * Returns self.
+	 * Sets self.
 	 *
 	 * @param self Self.
 	 */
@@ -907,7 +935,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	}
 
 	/**
-	 * Returns parent.
+	 * Sets parent.
 	 *
 	 * @param parent Parent.
 	 */
@@ -915,6 +943,24 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 		this[PropertySymbol.parent] = parent;
 	}
 
+	/**
+	 * Returns frames.
+	 *
+	 * @returns Frames.
+	 */
+	public get frames(): BrowserWindow {
+		return this[PropertySymbol.frames];
+	}
+
+	/**
+	 * Sets frames.
+	 *
+	 * @param frames Frames.
+	 */
+	public set frames(frames: BrowserWindow | null) {
+		this[PropertySymbol.parent] = frames;
+	}
+
 	/**
 	 * Returns location.
 	 */
@@ -1301,10 +1347,25 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 		if (settings.timer.preventTimerLoops) {
 			const stack = new Error().stack!;
 			const timerLoopStacks = this.#timerLoopStacks;
-			if (timerLoopStacks.includes(stack)) {
-				return <NodeJS.Timeout>{};
+			const timerLoopLimits = this.#timerLoopLimits;
+			const index = timerLoopStacks.indexOf(stack);
+			if (index !== -1) {
+				timerLoopLimits[index].timeout++;
+				if (
+					timerLoopLimits[index].timeout >=
+					(settings.timer.preventTimerLoops === true
+						? 1
+						: (settings.timer.preventTimerLoops.timeout ?? 1))
+				) {
+					return <NodeJS.Timeout>{};
+				}
+			} else {
+				timerLoopStacks.push(stack);
+				timerLoopLimits.push({
+					timeout: 0,
+					requestAnimationFrame: 0
+				});
 			}
-			timerLoopStacks.push(stack);
 		}
 
 		// We can group timeouts with a delay of 0 into one timeout to improve performance.
@@ -1491,10 +1552,25 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 		if (settings.timer.preventTimerLoops) {
 			const stack = new Error().stack!;
 			const timerLoopStacks = this.#timerLoopStacks;
-			if (timerLoopStacks.includes(stack)) {
-				return <NodeJS.Immediate>{};
+			const timerLoopLimits = this.#timerLoopLimits;
+			const index = timerLoopStacks.indexOf(stack);
+			if (index !== -1) {
+				timerLoopLimits[index].requestAnimationFrame++;
+				if (
+					timerLoopLimits[index].requestAnimationFrame >=
+					(settings.timer.preventTimerLoops === true
+						? 1
+						: (settings.timer.preventTimerLoops.requestAnimationFrame ?? 1))
+				) {
+					return <NodeJS.Immediate>{};
+				}
+			} else {
+				timerLoopStacks.push(stack);
+				timerLoopLimits.push({
+					timeout: 0,
+					requestAnimationFrame: 0
+				});
 			}
-			timerLoopStacks.push(stack);
 		}
 
 		const useTryCatch =

package/src/window/IOptionalTimerLoopsLimit.ts

@@ -0,0 +1,4 @@
+export default interface IOptionalTimerLoopsLimit {
+	timeout?: number;
+	requestAnimationFrame?: number;
+}

package/src/window/ITimerLoopsLimit.ts

@@ -0,0 +1,4 @@
+export default interface ITimerLoopsLimit {
+	timeout: number;
+	requestAnimationFrame: number;
+}

package/src/window/WindowContextClassExtender.ts

@@ -34,6 +34,7 @@ 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 URLImplementation from '../url/URL.js';
 
 /**
  * Extends classes with a "window" property, so that they internally can access it's Window context.
@@ -217,6 +218,11 @@ export default class WindowContextClassExtender {
 		(<typeof CanvasCaptureMediaStreamTrack>window.CanvasCaptureMediaStreamTrack) =
 			CanvasCaptureMediaStreamTrack;
 
+		// URL
+		class URL extends URLImplementation {}
+		URL.prototype[PropertySymbol.window] = window;
+		(<typeof URL>window.URL) = URL;
+
 		/* eslint-enable jsdoc/require-jsdoc */
 	}
 }

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

@@ -22,6 +22,8 @@ import XMLHttpRequestResponseDataParser from './XMLHttpRequestResponseDataParser
 import FetchRequestHeaderUtility from '../fetch/utilities/FetchRequestHeaderUtility.js';
 import Response from '../fetch/Response.js';
 import WindowBrowserContext from '../window/WindowBrowserContext.js';
+import BrowserWindow from '../window/BrowserWindow.js';
+import BrowserErrorCaptureEnum from '../browser/enums/BrowserErrorCaptureEnum.js';
 
 /**
  * XMLHttpRequest.
@@ -30,10 +32,13 @@ import WindowBrowserContext from '../window/WindowBrowserContext.js';
  * https://github.com/mjwwit/node-XMLHttpRequest/blob/master/lib/XMLHttpRequest.js
  */
 export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
+	// Injected by WindowContextClassExtender
+	protected declare [PropertySymbol.window]: BrowserWindow;
+
 	// Constants
 	public static UNSENT = XMLHttpRequestReadyStateEnum.unsent;
 	public static OPENED = XMLHttpRequestReadyStateEnum.opened;
-	public static HEADERS_RECEIVED = XMLHttpRequestReadyStateEnum.headersRecieved;
+	public static HEADERS_RECEIVED = XMLHttpRequestReadyStateEnum.headersReceived;
 	public static LOADING = XMLHttpRequestReadyStateEnum.loading;
 	public static DONE = XMLHttpRequestReadyStateEnum.done;
 
@@ -363,8 +368,8 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 
 		this.#readyState = XMLHttpRequestReadyStateEnum.loading;
 
-		this.dispatchEvent(new Event('readystatechange'));
-		this.dispatchEvent(new Event('loadstart'));
+		this.#dispatchEvent(new Event('readystatechange'));
+		this.#dispatchEvent(new Event('loadstart'));
 
 		if (body) {
 			this.#request = new window.Request(this.#request!.url, {
@@ -379,9 +384,9 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 		this.#abortController!.signal.addEventListener('abort', () => {
 			this.#aborted = true;
 			this.#readyState = XMLHttpRequestReadyStateEnum.unsent;
-			this.dispatchEvent(new Event('abort'));
-			this.dispatchEvent(new Event('loadend'));
-			this.dispatchEvent(new Event('readystatechange'));
+			this.#dispatchEvent(new Event('abort'));
+			this.#dispatchEvent(new Event('loadend'));
+			this.#dispatchEvent(new Event('readystatechange'));
 			asyncTaskManager.endTask(taskID);
 		});
 
@@ -391,13 +396,13 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 					return;
 				}
 				this.#readyState = XMLHttpRequestReadyStateEnum.unsent;
-				this.dispatchEvent(new Event('abort'));
+				this.#dispatchEvent(new Event('abort'));
 			} else {
 				this.#readyState = XMLHttpRequestReadyStateEnum.done;
-				this.dispatchEvent(new ErrorEvent('error', { error, message: error.message }));
+				this.#dispatchEvent(new ErrorEvent('error', { error, message: error.message }));
 			}
-			this.dispatchEvent(new Event('loadend'));
-			this.dispatchEvent(new Event('readystatechange'));
+			this.#dispatchEvent(new Event('loadend'));
+			this.#dispatchEvent(new Event('readystatechange'));
 			asyncTaskManager.endTask(taskID);
 		};
 
@@ -415,9 +420,9 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 			return;
 		}
 
-		this.#readyState = XMLHttpRequestReadyStateEnum.headersRecieved;
+		this.#readyState = XMLHttpRequestReadyStateEnum.headersReceived;
 
-		this.dispatchEvent(new Event('readystatechange'));
+		this.#dispatchEvent(new Event('readystatechange'));
 
 		const contentLength = this.#response.headers.get('Content-Length');
 		const contentLengthNumber =
@@ -433,7 +438,7 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 					loaded += chunk.length;
 					// We need to re-throw the error as we don't want it to be caught by the try/catch.
 					try {
-						this.dispatchEvent(
+						this.#dispatchEvent(
 							new ProgressEvent('progress', {
 								lengthComputable: contentLengthNumber !== null,
 								loaded,
@@ -467,9 +472,9 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 
 		asyncTaskManager.endTask(taskID);
 
-		this.dispatchEvent(new Event('readystatechange'));
-		this.dispatchEvent(new Event('load'));
-		this.dispatchEvent(new Event('loadend'));
+		this.#dispatchEvent(new Event('readystatechange'));
+		this.#dispatchEvent(new Event('load'));
+		this.#dispatchEvent(new Event('loadend'));
 	}
 
 	/**
@@ -508,15 +513,15 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 			this.#response = fetch.send();
 		} catch (error) {
 			this.#readyState = XMLHttpRequestReadyStateEnum.done;
-			this.dispatchEvent(
+			this.#dispatchEvent(
 				new ErrorEvent('error', { error: <Error>error, message: (<Error>error).message })
 			);
-			this.dispatchEvent(new Event('loadend'));
-			this.dispatchEvent(new Event('readystatechange'));
+			this.#dispatchEvent(new Event('loadend'));
+			this.#dispatchEvent(new Event('readystatechange'));
 			return;
 		}
 
-		this.#readyState = XMLHttpRequestReadyStateEnum.headersRecieved;
+		this.#readyState = XMLHttpRequestReadyStateEnum.headersReceived;
 
 		this.#responseBody = XMLHttpRequestResponseDataParser.parse({
 			window: window,
@@ -530,8 +535,27 @@ export default class XMLHttpRequest extends XMLHttpRequestEventTarget {
 
 		this.#readyState = XMLHttpRequestReadyStateEnum.done;
 
-		this.dispatchEvent(new Event('readystatechange'));
-		this.dispatchEvent(new Event('load'));
-		this.dispatchEvent(new Event('loadend'));
+		this.#dispatchEvent(new Event('readystatechange'));
+		this.#dispatchEvent(new Event('load'));
+		this.#dispatchEvent(new Event('loadend'));
+	}
+
+	/**
+	 * Dispatches an event with try/catch.
+	 *
+	 * This is necessary to prevent errors from setting XMLHttpRequest in an invalid state.
+	 *
+	 * @param event Event.
+	 */
+	#dispatchEvent(event: Event): void {
+		const browserFrame = new WindowBrowserContext(this[PropertySymbol.window]).getBrowserFrame();
+		if (!browserFrame?.page?.context?.browser?.settings?.errorCapture) {
+			return;
+		}
+		const settings = browserFrame.page.context.browser.settings;
+		const errorCapture = settings.errorCapture;
+		settings.errorCapture = BrowserErrorCaptureEnum.tryAndCatch;
+		this.dispatchEvent(event);
+		settings.errorCapture = errorCapture;
 	}
 }

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

@@ -1,7 +1,7 @@
 enum XMLHttpRequestReadyStateEnum {
 	unsent = 0,
 	opened = 1,
-	headersRecieved = 2,
+	headersReceived = 2,
 	loading = 3,
 	done = 4
 }

package/.editorconfig

@@ -1,8 +0,0 @@
-# EditorConfig is awesome: http://EditorConfig.org
-
-# top-most EditorConfig file
-root = true
-
-# Indentation override for all JS under lib directory
-[{**.js,**.ts,**.json}]
-indent_style = tab

package/.prettierrc.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-    singleQuote: true,
-    useTabs: true,
-    printWidth: 100,
-    trailingComma: 'none'
-};