happy-dom 12.10.3 → 13.0.1

package/src/location/Location.ts

@@ -1,38 +1,29 @@
 import URL from '../url/URL.js';
-import DOMException from '../exception/DOMException.js';
-import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
+import IBrowserFrame from '../browser/types/IBrowserFrame.js';
 
 /**
- *
+ * Location.
  */
 export default class Location extends URL {
+	#browserFrame: IBrowserFrame;
+
 	/**
 	 * Constructor.
+	 *
+	 * @param browserFrame Browser frame.
+	 * @param url URL.
 	 */
-	constructor() {
-		super('about:blank');
+	constructor(browserFrame: IBrowserFrame, url: string) {
+		super(url);
+		this.#browserFrame = browserFrame;
 	}
 
 	/**
 	 * Override set href.
 	 */
 	// @ts-ignore
-	public set href(value: string) {
-		try {
-			super.href = this.hostname ? new URL(value, this).href : value;
-		} catch (e) {
-			if (this.hostname) {
-				throw new DOMException(
-					`Failed to construct URL from string "${value}".`,
-					DOMExceptionNameEnum.uriMismatchError
-				);
-			} else {
-				throw new DOMException(
-					`Failed to construct URL from string "${value}" relative to URL "${super.href}".`,
-					DOMExceptionNameEnum.uriMismatchError
-				);
-			}
-		}
+	public set href(url: string) {
+		this.#browserFrame.goto(url).catch((error) => this.#browserFrame.page.console.error(error));
 	}
 
 	/**
@@ -54,10 +45,7 @@ export default class Location extends URL {
 	/**
 	 * Loads the resource at the URL provided in parameter.
 	 *
-	 * Note: Will do the same thing as "replace()" as server-dom does not support loading the URL.
-	 *
-	 * @param url
-	 * @see this.replace()
+	 * @param url URL.
 	 */
 	public assign(url: string): void {
 		this.href = url;
@@ -65,10 +53,10 @@ export default class Location extends URL {
 
 	/**
 	 * Reloads the resource from the current URL.
-	 *
-	 * Note: Will do nothing as reloading is not supported in server-dom.
 	 */
 	public reload(): void {
-		// Do nothing
+		this.#browserFrame
+			.goto(this.href)
+			.catch((error) => this.#browserFrame.page.console.error(error));
 	}
 }

package/src/match-media/MediaQueryItem.ts

@@ -1,5 +1,6 @@
 import CSSMeasurementConverter from '../css/declaration/measurement-converter/CSSMeasurementConverter.js';
-import IWindow from '../window/IWindow.js';
+import IBrowserWindow from '../window/IBrowserWindow.js';
+import WindowBrowserSettingsReader from '../window/WindowBrowserSettingsReader.js';
 import IMediaQueryRange from './IMediaQueryRange.js';
 import IMediaQueryRule from './IMediaQueryRule.js';
 import MediaQueryTypeEnum from './MediaQueryTypeEnum.js';
@@ -13,7 +14,7 @@ export default class MediaQueryItem {
 	public rules: IMediaQueryRule[];
 	public ranges: IMediaQueryRange[];
 	private rootFontSize: string | number | null = null;
-	private ownerWindow: IWindow;
+	private ownerWindow: IBrowserWindow;
 
 	/**
 	 * Constructor.
@@ -27,7 +28,7 @@ export default class MediaQueryItem {
 	 * @param [options.ranges] Ranges.
 	 */
 	constructor(options: {
-		ownerWindow: IWindow;
+		ownerWindow: IBrowserWindow;
 		rootFontSize?: string | number | null;
 		mediaTypes?: MediaQueryTypeEnum[];
 		not?: boolean;
@@ -114,7 +115,7 @@ export default class MediaQueryItem {
 		if (mediaType === MediaQueryTypeEnum.all) {
 			return true;
 		}
-		return mediaType === this.ownerWindow.happyDOM.settings.device.mediaType;
+		return mediaType === WindowBrowserSettingsReader.getSettings(this.ownerWindow).device.mediaType;
 	}
 
 	/**
@@ -246,7 +247,10 @@ export default class MediaQueryItem {
 					? this.ownerWindow.innerWidth > this.ownerWindow.innerHeight
 					: this.ownerWindow.innerWidth < this.ownerWindow.innerHeight;
 			case 'prefers-color-scheme':
-				return rule.value === this.ownerWindow.happyDOM.settings.device.prefersColorScheme;
+				return (
+					rule.value ===
+					WindowBrowserSettingsReader.getSettings(this.ownerWindow).device.prefersColorScheme
+				);
 			case 'any-hover':
 			case 'hover':
 				if (rule.value === 'none') {
@@ -313,7 +317,10 @@ export default class MediaQueryItem {
 	 * @returns Value in pixels.
 	 */
 	private toPixels(value: string): number | null {
-		if (!this.ownerWindow.happyDOM.settings.disableComputedStyleRendering && value.endsWith('em')) {
+		if (
+			!WindowBrowserSettingsReader.getSettings(this.ownerWindow).disableComputedStyleRendering &&
+			value.endsWith('em')
+		) {
 			this.rootFontSize =
 				this.rootFontSize ||
 				parseFloat(

package/src/match-media/MediaQueryList.ts

@@ -1,6 +1,7 @@
 import EventTarget from '../event/EventTarget.js';
+import * as PropertySymbol from '../PropertySymbol.js';
 import Event from '../event/Event.js';
-import IWindow from '../window/IWindow.js';
+import IBrowserWindow from '../window/IBrowserWindow.js';
 import IEventListener from '../event/IEventListener.js';
 import MediaQueryListEvent from '../event/events/MediaQueryListEvent.js';
 import IMediaQueryItem from './MediaQueryItem.js';
@@ -14,10 +15,10 @@ import MediaQueryParser from './MediaQueryParser.js';
  */
 export default class MediaQueryList extends EventTarget {
 	public onchange: (event: Event) => void = null;
-	private _ownerWindow: IWindow;
-	private _items: IMediaQueryItem[] | null = null;
-	private _media: string;
-	private _rootFontSize: string | number | null = null;
+	#ownerWindow: IBrowserWindow;
+	#items: IMediaQueryItem[] | null = null;
+	#media: string;
+	#rootFontSize: string | number | null = null;
 
 	/**
 	 * Constructor.
@@ -27,11 +28,15 @@ export default class MediaQueryList extends EventTarget {
 	 * @param options.media Media.
 	 * @param [options.rootFontSize] Root font size.
 	 */
-	constructor(options: { ownerWindow: IWindow; media: string; rootFontSize?: string | number }) {
+	constructor(options: {
+		ownerWindow: IBrowserWindow;
+		media: string;
+		rootFontSize?: string | number;
+	}) {
 		super();
-		this._ownerWindow = options.ownerWindow;
-		this._media = options.media;
-		this._rootFontSize = options.rootFontSize || null;
+		this.#ownerWindow = options.ownerWindow;
+		this.#media = options.media;
+		this.#rootFontSize = options.rootFontSize || null;
 	}
 
 	/**
@@ -40,15 +45,15 @@ export default class MediaQueryList extends EventTarget {
 	 * @returns Media.
 	 */
 	public get media(): string {
-		this._items =
-			this._items ||
+		this.#items =
+			this.#items ||
 			MediaQueryParser.parse({
-				ownerWindow: this._ownerWindow,
-				mediaQuery: this._media,
-				rootFontSize: this._rootFontSize
+				ownerWindow: this.#ownerWindow,
+				mediaQuery: this.#media,
+				rootFontSize: this.#rootFontSize
 			});
 
-		return this._items.map((item) => item.toString()).join(', ');
+		return this.#items.map((item) => item.toString()).join(', ');
 	}
 
 	/**
@@ -57,15 +62,15 @@ export default class MediaQueryList extends EventTarget {
 	 * @returns Matches.
 	 */
 	public get matches(): boolean {
-		this._items =
-			this._items ||
+		this.#items =
+			this.#items ||
 			MediaQueryParser.parse({
-				ownerWindow: this._ownerWindow,
-				mediaQuery: this._media,
-				rootFontSize: this._rootFontSize
+				ownerWindow: this.#ownerWindow,
+				mediaQuery: this.#media,
+				rootFontSize: this.#rootFontSize
 			});
 
-		for (const item of this._items) {
+		for (const item of this.#items) {
 			if (!item.matches()) {
 				return false;
 			}
@@ -108,8 +113,8 @@ export default class MediaQueryList extends EventTarget {
 					this.dispatchEvent(new MediaQueryListEvent('change', { matches, media: this.media }));
 				}
 			};
-			listener['_windowResizeListener'] = resizeListener;
-			this._ownerWindow.addEventListener('resize', resizeListener);
+			listener[PropertySymbol.windowResizeListener] = resizeListener;
+			this.#ownerWindow.addEventListener('resize', resizeListener);
 		}
 	}
 
@@ -121,8 +126,11 @@ export default class MediaQueryList extends EventTarget {
 		listener: IEventListener | ((event: Event) => void)
 	): void {
 		super.removeEventListener(type, listener);
-		if (type === 'change' && listener['_windowResizeListener']) {
-			this._ownerWindow.removeEventListener('resize', listener['_windowResizeListener']);
+		if (type === 'change' && listener[PropertySymbol.windowResizeListener]) {
+			this.#ownerWindow.removeEventListener(
+				'resize',
+				listener[PropertySymbol.windowResizeListener]
+			);
 		}
 	}
 }

package/src/match-media/MediaQueryParser.ts

@@ -1,6 +1,6 @@
 import MediaQueryItem from './MediaQueryItem.js';
 import MediaQueryTypeEnum from './MediaQueryTypeEnum.js';
-import IWindow from '../window/IWindow.js';
+import IBrowserWindow from '../window/IBrowserWindow.js';
 
 /**
  * Media query RegExp.
@@ -44,7 +44,7 @@ export default class MediaQueryParser {
 	 * @returns Media query items.
 	 */
 	public static parse(options: {
-		ownerWindow: IWindow;
+		ownerWindow: IBrowserWindow;
 		mediaQuery: string;
 		rootFontSize?: string | number | null;
 	}): MediaQueryItem[] {

package/src/mutation-observer/MutationListener.ts

@@ -1,12 +1,88 @@
 import IMutationObserverInit from './IMutationObserverInit.js';
 import MutationObserver from './MutationObserver.js';
 import MutationRecord from './MutationRecord.js';
+import INode from '../nodes/node/INode.js';
+import IBrowserWindow from '../window/IBrowserWindow.js';
 
 /**
- * MutationObserverListener is a model for what to listen for on a Node.
+ * Mutation Observer Listener.
  */
 export default class MutationListener {
-	public options: IMutationObserverInit = null;
-	public observer: MutationObserver = null;
-	public callback: (record: MutationRecord[], observer: MutationObserver) => void = null;
+	public readonly target: INode;
+	public options: IMutationObserverInit;
+	#window: IBrowserWindow;
+	#observer: MutationObserver;
+	#callback: (record: MutationRecord[], observer: MutationObserver) => void;
+	#records: MutationRecord[] = [];
+	#immediate: NodeJS.Immediate | null = null;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param init Options.
+	 * @param init.window Window.
+	 * @param init.options Options.
+	 * @param init.target Target.
+	 * @param init.observer Observer.
+	 * @param init.callback Callback.
+	 */
+	constructor(init: {
+		window: IBrowserWindow;
+		options: IMutationObserverInit;
+		target: INode;
+		observer: MutationObserver;
+		callback: (record: MutationRecord[], observer: MutationObserver) => void;
+	}) {
+		this.options = init.options;
+		this.target = init.target;
+		this.#window = init.window;
+		this.#observer = init.observer;
+		this.#callback = init.callback;
+	}
+
+	/**
+	 * Reports mutations.
+	 *
+	 * @param record Record.
+	 */
+	public report(record: MutationRecord): void {
+		this.#records.push(record);
+		if (this.#immediate) {
+			this.#window.cancelAnimationFrame(this.#immediate);
+		}
+		this.#immediate = this.#window.requestAnimationFrame(() => {
+			const records = this.#records;
+			if (records.length > 0) {
+				this.#records = [];
+				this.#callback(records, this.#observer);
+			}
+		});
+	}
+
+	/**
+	 * Destroys the listener.
+	 */
+	public takeRecords(): MutationRecord[] {
+		if (this.#immediate) {
+			this.#window.cancelAnimationFrame(this.#immediate);
+		}
+		const records = this.#records;
+		this.#records = [];
+		return records;
+	}
+
+	/**
+	 * Destroys the listener.
+	 */
+	public destroy(): void {
+		if (this.#immediate) {
+			this.#window.cancelAnimationFrame(this.#immediate);
+		}
+		(<null>this.options) = null;
+		(<null>this.target) = null;
+		(<null>this.#observer) = null;
+		(<null>this.#callback) = null;
+		(<null>this.#immediate) = null;
+		(<null>this.#records) = null;
+	}
 }

package/src/mutation-observer/MutationObserver.ts

@@ -1,9 +1,11 @@
 import DOMException from '../exception/DOMException.js';
+import * as PropertySymbol from '../PropertySymbol.js';
 import INode from '../nodes/node/INode.js';
 import Node from '../nodes/node/Node.js';
 import IMutationObserverInit from './IMutationObserverInit.js';
-import MutationObserverListener from './MutationListener.js';
+import MutationListener from './MutationListener.js';
 import MutationRecord from './MutationRecord.js';
+import IBrowserWindow from '../window/IBrowserWindow.js';
 
 /**
  * The MutationObserver interface provides the ability to watch for changes being made to the DOM tree.
@@ -11,9 +13,9 @@ import MutationRecord from './MutationRecord.js';
  * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
  */
 export default class MutationObserver {
-	private callback: (records: MutationRecord[], observer: MutationObserver) => void;
-	private target: INode = null;
-	private listener: MutationObserverListener = null;
+	#callback: (records: MutationRecord[], observer: MutationObserver) => void;
+	#listeners: MutationListener[] = [];
+	#window: IBrowserWindow | null = null;
 
 	/**
 	 * Constructor.
@@ -21,7 +23,7 @@ export default class MutationObserver {
 	 * @param callback Callback.
 	 */
 	constructor(callback: (records: MutationRecord[], observer: MutationObserver) => void) {
-		this.callback = callback;
+		this.#callback = callback;
 	}
 
 	/**
@@ -33,39 +35,90 @@ export default class MutationObserver {
 	public observe(target: INode, options: IMutationObserverInit): void {
 		if (!target) {
 			throw new DOMException(
-				'Failed to observer. The first parameter "target" should be of type "Node".'
+				`Failed to execute 'observe' on 'MutationObserver': The first parameter "target" should be of type "Node".`
 			);
 		}
 
+		if (!options || (!options.childList && !options.attributes && !options.characterData)) {
+			throw new DOMException(
+				`Failed to execute 'observe' on 'MutationObserver': The options object must set at least one of 'attributes', 'characterData', or 'childList' to true.`
+			);
+		}
+
+		if (!this.#window) {
+			this.#window = target.ownerDocument
+				? target.ownerDocument[PropertySymbol.defaultView]
+				: target[PropertySymbol.defaultView];
+		}
+
+		// Makes sure that attribute names are lower case.
+		// TODO: Is this correct?
 		options = Object.assign({}, options, {
 			attributeFilter: options.attributeFilter
 				? options.attributeFilter.map((name) => name.toLowerCase())
 				: null
 		});
 
-		this.target = target;
-		this.listener = new MutationObserverListener();
-		this.listener.options = options;
-		this.listener.callback = this.callback.bind(this);
-		this.listener.observer = this;
+		/**
+		 * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver/observe#reusing_mutationobservers
+		 */
+		for (const listener of this.#listeners) {
+			if (listener.target === target) {
+				listener.options = options;
+				return;
+			}
+		}
+
+		const listener = new MutationListener({
+			window: this.#window,
+			options,
+			callback: this.#callback.bind(this),
+			observer: this,
+			target
+		});
+
+		this.#listeners.push(listener);
 
-		(<Node>target)._observe(this.listener);
+		// Stores all observers on the window object, so that they can be disconnected when the window is closed.
+		this.#window[PropertySymbol.mutationObservers].push(this);
+
+		// Starts observing target node.
+		(<Node>target)[PropertySymbol.observe](listener);
 	}
 
 	/**
 	 * Disconnects.
 	 */
 	public disconnect(): void {
-		if (this.target) {
-			(<Node>this.target)._unobserve(this.listener);
-			this.target = null;
+		if (this.#listeners.length === 0) {
+			return;
 		}
+
+		const mutationObservers = this.#window[PropertySymbol.mutationObservers];
+		const index = mutationObservers.indexOf(this);
+
+		if (index !== -1) {
+			mutationObservers.splice(index, 1);
+		}
+
+		for (const listener of this.#listeners) {
+			(<Node>listener.target)[PropertySymbol.unobserve](listener);
+			listener.destroy();
+		}
+
+		this.#listeners = [];
 	}
 
 	/**
-	 * Takes records.
+	 * Returns a list of all matching DOM changes that have been detected but not yet processed by the observer's callback function, leaving the mutation queue empty.
+	 *
+	 * @returns Records.
 	 */
-	public takeRecords(): [] {
-		return [];
+	public takeRecords(): MutationRecord[] {
+		let records = [];
+		for (const listener of this.#listeners) {
+			records = records.concat(listener.takeRecords());
+		}
+		return records;
 	}
 }

package/src/mutation-observer/MutationRecord.ts

@@ -15,4 +15,13 @@ export default class MutationRecord {
 	public attributeName: string = null;
 	public attributeNamespace: string = null;
 	public oldValue: string = null;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param init Options to initialize the mutation record.
+	 */
+	constructor(init?: Partial<MutationRecord>) {
+		Object.assign(this, init);
+	}
 }

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

@@ -1,4 +1,5 @@
 import INamedNodeMap from './INamedNodeMap.js';
+import * as PropertySymbol from '../PropertySymbol.js';
 import IAttr from '../nodes/attr/IAttr.js';
 import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
@@ -11,7 +12,7 @@ import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
 export default class NamedNodeMap implements INamedNodeMap {
 	[index: number]: IAttr;
 	public length = 0;
-	protected _namedItems: { [k: string]: IAttr } = {};
+	protected [PropertySymbol.namedItems]: { [k: string]: IAttr } = {};
 
 	/**
 	 * Returns string.
@@ -49,7 +50,7 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 * @returns Item.
 	 */
 	public getNamedItem(name: string): IAttr | null {
-		return this._namedItems[name] || null;
+		return this[PropertySymbol.namedItems][name] || null;
 	}
 
 	/**
@@ -82,7 +83,7 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 * @returns Replaced item.
 	 */
 	public setNamedItem(item: IAttr): IAttr | null {
-		return this._setNamedItemWithoutConsequences(item);
+		return this[PropertySymbol.setNamedItemWithoutConsequences](item);
 	}
 
 	/**
@@ -104,7 +105,7 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 * @returns Removed item.
 	 */
 	public removeNamedItem(name: string): IAttr {
-		const item = this._removeNamedItem(name);
+		const item = this[PropertySymbol.removeNamedItem](name);
 		if (!item) {
 			throw new DOMException(
 				`Failed to execute 'removeNamedItem' on 'NamedNodeMap': No item with name '${name}' was found.`,
@@ -135,20 +136,20 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 * @param item Item.
 	 * @returns Replaced item.
 	 */
-	public _setNamedItemWithoutConsequences(item: IAttr): IAttr | null {
+	public [PropertySymbol.setNamedItemWithoutConsequences](item: IAttr): IAttr | null {
 		if (item.name) {
-			const replacedItem = this._namedItems[item.name] || null;
+			const replacedItem = this[PropertySymbol.namedItems][item.name] || null;
 
-			this._namedItems[item.name] = item;
+			this[PropertySymbol.namedItems][item.name] = item;
 
 			if (replacedItem) {
-				this._removeNamedItemIndex(replacedItem);
+				this[PropertySymbol.removeNamedItemIndex](replacedItem);
 			}
 
 			this[this.length] = item;
 			this.length++;
 
-			if (this._isValidPropertyName(item.name)) {
+			if (this[PropertySymbol.isValidPropertyName](item.name)) {
 				this[item.name] = item;
 			}
 
@@ -163,8 +164,8 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 * @param name Name of item.
 	 * @returns Removed item, or null if it didn't exist.
 	 */
-	public _removeNamedItem(name: string): IAttr | null {
-		return this._removeNamedItemWithoutConsequences(name);
+	public [PropertySymbol.removeNamedItem](name: string): IAttr | null {
+		return this[PropertySymbol.removeNamedItemWithoutConsequences](name);
 	}
 
 	/**
@@ -173,20 +174,20 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 * @param name Name of item.
 	 * @returns Removed item, or null if it didn't exist.
 	 */
-	public _removeNamedItemWithoutConsequences(name: string): IAttr | null {
-		const removedItem = this._namedItems[name] || null;
+	public [PropertySymbol.removeNamedItemWithoutConsequences](name: string): IAttr | null {
+		const removedItem = this[PropertySymbol.namedItems][name] || null;
 
 		if (!removedItem) {
 			return null;
 		}
 
-		this._removeNamedItemIndex(removedItem);
+		this[PropertySymbol.removeNamedItemIndex](removedItem);
 
 		if (this[name] === removedItem) {
 			delete this[name];
 		}
 
-		delete this._namedItems[name];
+		delete this[PropertySymbol.namedItems][name];
 
 		return removedItem;
 	}
@@ -196,7 +197,7 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 *
 	 * @param item Item.
 	 */
-	protected _removeNamedItemIndex(item: IAttr): void {
+	protected [PropertySymbol.removeNamedItemIndex](item: IAttr): void {
 		for (let i = 0; i < this.length; i++) {
 			if (this[i] === item) {
 				for (let b = i; b < this.length; b++) {
@@ -218,7 +219,7 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 * @param name Name.
 	 * @returns True if the property name is valid.
 	 */
-	protected _isValidPropertyName(name: string): boolean {
+	protected [PropertySymbol.isValidPropertyName](name: string): boolean {
 		return (
 			!this.constructor.prototype.hasOwnProperty(name) &&
 			(isNaN(Number(name)) || name.includes('.'))

package/src/navigator/Navigator.ts

@@ -1,8 +1,9 @@
 import MimeTypeArray from './MimeTypeArray.js';
 import PluginArray from './PluginArray.js';
-import IWindow from '../window/IWindow.js';
+import IBrowserWindow from '../window/IBrowserWindow.js';
 import Permissions from '../permissions/Permissions.js';
 import Clipboard from '../clipboard/Clipboard.js';
+import WindowBrowserSettingsReader from '../window/WindowBrowserSettingsReader.js';
 import Blob from '../file/Blob.js';
 import FormData from '../form-data/FormData.js';
 
@@ -15,7 +16,7 @@ import FormData from '../form-data/FormData.js';
  * https://html.spec.whatwg.org/multipage/system-state.html#dom-navigator.
  */
 export default class Navigator {
-	#ownerWindow: IWindow;
+	#ownerWindow: IBrowserWindow;
 	#clipboard: Clipboard;
 	#permissions: Permissions;
 
@@ -24,7 +25,7 @@ export default class Navigator {
 	 *
 	 * @param ownerWindow Owner window.
 	 */
-	constructor(ownerWindow: IWindow) {
+	constructor(ownerWindow: IBrowserWindow) {
 		this.#ownerWindow = ownerWindow;
 		this.#clipboard = new Clipboard(ownerWindow);
 		this.#permissions = new Permissions();
@@ -76,7 +77,7 @@ export default class Navigator {
 	 * Maximum number of simultaneous touch contact points are supported by the current device.
 	 */
 	public get maxTouchPoints(): number {
-		return 0;
+		return WindowBrowserSettingsReader.getSettings(this.#ownerWindow).navigator.maxTouchPoints;
 	}
 
 	/**
@@ -153,7 +154,7 @@ export default class Navigator {
 	 * "appCodeName/appVersion number (Platform; Security; OS-or-CPU; Localization; rv: revision-version-number) product/productSub Application-Name Application-Name-version".
 	 */
 	public get userAgent(): string {
-		return this.#ownerWindow.happyDOM.settings.navigator.userAgent;
+		return WindowBrowserSettingsReader.getSettings(this.#ownerWindow).navigator.userAgent;
 	}
 
 	/**