happy-dom 14.12.3 → 15.1.0

package/src/match-media/MediaQueryItem.ts

@@ -1,6 +1,6 @@
 import CSSMeasurementConverter from '../css/declaration/measurement-converter/CSSMeasurementConverter.js';
 import BrowserWindow from '../window/BrowserWindow.js';
-import WindowBrowserSettingsReader from '../window/WindowBrowserSettingsReader.js';
+import WindowBrowserContext from '../window/WindowBrowserContext.js';
 import IMediaQueryRange from './IMediaQueryRange.js';
 import IMediaQueryRule from './IMediaQueryRule.js';
 import MediaQueryTypeEnum from './MediaQueryTypeEnum.js';
@@ -14,13 +14,13 @@ export default class MediaQueryItem {
 	public rules: IMediaQueryRule[];
 	public ranges: IMediaQueryRange[];
 	private rootFontSize: string | number | null = null;
-	private ownerWindow: BrowserWindow;
+	private window: BrowserWindow;
 
 	/**
 	 * Constructor.
 	 *
 	 * @param options Options.
-	 * @param options.ownerWindow Owner window.
+	 * @param options.window Owner window.
 	 * @param [options.rootFontSize] Root font size.
 	 * @param [options.mediaTypes] Media types.
 	 * @param [options.not] Not.
@@ -28,14 +28,14 @@ export default class MediaQueryItem {
 	 * @param [options.ranges] Ranges.
 	 */
 	constructor(options: {
-		ownerWindow: BrowserWindow;
+		window: BrowserWindow;
 		rootFontSize?: string | number | null;
 		mediaTypes?: MediaQueryTypeEnum[];
 		not?: boolean;
 		rules?: IMediaQueryRule[];
 		ranges?: IMediaQueryRange[];
 	}) {
-		this.ownerWindow = options.ownerWindow;
+		this.window = options.window;
 		this.rootFontSize = options.rootFontSize || null;
 		this.mediaTypes = options.mediaTypes || [];
 		this.not = options.not || false;
@@ -115,7 +115,7 @@ export default class MediaQueryItem {
 		if (mediaType === MediaQueryTypeEnum.all) {
 			return true;
 		}
-		return mediaType === WindowBrowserSettingsReader.getSettings(this.ownerWindow).device.mediaType;
+		return mediaType === new WindowBrowserContext(this.window).getSettings()?.device.mediaType;
 	}
 
 	/**
@@ -125,8 +125,7 @@ export default class MediaQueryItem {
 	 * @returns "true" if the range matches.
 	 */
 	private matchesRange(range: IMediaQueryRange): boolean {
-		const windowSize =
-			range.type === 'width' ? this.ownerWindow.innerWidth : this.ownerWindow.innerHeight;
+		const windowSize = range.type === 'width' ? this.window.innerWidth : this.window.innerHeight;
 
 		if (range.before) {
 			const beforeValue = this.toPixels(range.before.value);
@@ -226,38 +225,38 @@ export default class MediaQueryItem {
 		switch (rule.name) {
 			case 'min-width':
 				const minWidth = this.toPixels(rule.value);
-				return minWidth !== null && this.ownerWindow.innerWidth >= minWidth;
+				return minWidth !== null && this.window.innerWidth >= minWidth;
 			case 'max-width':
 				const maxWidth = this.toPixels(rule.value);
-				return maxWidth !== null && this.ownerWindow.innerWidth <= maxWidth;
+				return maxWidth !== null && this.window.innerWidth <= maxWidth;
 			case 'min-height':
 				const minHeight = this.toPixels(rule.value);
-				return minHeight !== null && this.ownerWindow.innerHeight >= minHeight;
+				return minHeight !== null && this.window.innerHeight >= minHeight;
 			case 'max-height':
 				const maxHeight = this.toPixels(rule.value);
-				return maxHeight !== null && this.ownerWindow.innerHeight <= maxHeight;
+				return maxHeight !== null && this.window.innerHeight <= maxHeight;
 			case 'width':
 				const width = this.toPixels(rule.value);
-				return width !== null && this.ownerWindow.innerWidth === width;
+				return width !== null && this.window.innerWidth === width;
 			case 'height':
 				const height = this.toPixels(rule.value);
-				return height !== null && this.ownerWindow.innerHeight === height;
+				return height !== null && this.window.innerHeight === height;
 			case 'orientation':
 				return rule.value === 'landscape'
-					? this.ownerWindow.innerWidth > this.ownerWindow.innerHeight
-					: this.ownerWindow.innerWidth < this.ownerWindow.innerHeight;
+					? this.window.innerWidth > this.window.innerHeight
+					: this.window.innerWidth < this.window.innerHeight;
 			case 'prefers-color-scheme':
 				return (
 					rule.value ===
-					WindowBrowserSettingsReader.getSettings(this.ownerWindow).device.prefersColorScheme
+					new WindowBrowserContext(this.window).getSettings().device.prefersColorScheme
 				);
 			case 'any-hover':
 			case 'hover':
 				if (rule.value === 'none') {
-					return this.ownerWindow.navigator.maxTouchPoints > 0;
+					return this.window.navigator.maxTouchPoints > 0;
 				}
 				if (rule.value === 'hover') {
-					return this.ownerWindow.navigator.maxTouchPoints === 0;
+					return this.window.navigator.maxTouchPoints === 0;
 				}
 				return false;
 			case 'any-pointer':
@@ -267,11 +266,11 @@ export default class MediaQueryItem {
 				}
 
 				if (rule.value === 'coarse') {
-					return this.ownerWindow.navigator.maxTouchPoints > 0;
+					return this.window.navigator.maxTouchPoints > 0;
 				}
 
 				if (rule.value === 'fine') {
-					return this.ownerWindow.navigator.maxTouchPoints === 0;
+					return this.window.navigator.maxTouchPoints === 0;
 				}
 
 				return false;
@@ -292,17 +291,17 @@ export default class MediaQueryItem {
 					case 'min-aspect-ratio':
 						return (
 							aspectRatioWidth / aspectRatioHeight <=
-							this.ownerWindow.innerWidth / this.ownerWindow.innerHeight
+							this.window.innerWidth / this.window.innerHeight
 						);
 					case 'max-aspect-ratio':
 						return (
 							aspectRatioWidth / aspectRatioHeight >=
-							this.ownerWindow.innerWidth / this.ownerWindow.innerHeight
+							this.window.innerWidth / this.window.innerHeight
 						);
 					case 'aspect-ratio':
 						return (
 							aspectRatioWidth / aspectRatioHeight ===
-							this.ownerWindow.innerWidth / this.ownerWindow.innerHeight
+							this.window.innerWidth / this.window.innerHeight
 						);
 				}
 		}
@@ -318,23 +317,21 @@ export default class MediaQueryItem {
 	 */
 	private toPixels(value: string): number | null {
 		if (
-			!WindowBrowserSettingsReader.getSettings(this.ownerWindow).disableComputedStyleRendering &&
+			!new WindowBrowserContext(this.window).getSettings()?.disableComputedStyleRendering &&
 			value.endsWith('em')
 		) {
 			this.rootFontSize =
 				this.rootFontSize ||
-				parseFloat(
-					this.ownerWindow.getComputedStyle(this.ownerWindow.document.documentElement).fontSize
-				);
+				parseFloat(this.window.getComputedStyle(this.window.document.documentElement).fontSize);
 			return CSSMeasurementConverter.toPixels({
-				ownerWindow: this.ownerWindow,
+				window: this.window,
 				value,
 				rootFontSize: this.rootFontSize,
 				parentFontSize: this.rootFontSize
 			});
 		}
 		return CSSMeasurementConverter.toPixels({
-			ownerWindow: this.ownerWindow,
+			window: this.window,
 			value,
 			rootFontSize: 16,
 			parentFontSize: 16

package/src/match-media/MediaQueryList.ts

@@ -2,7 +2,7 @@ import EventTarget from '../event/EventTarget.js';
 import * as PropertySymbol from '../PropertySymbol.js';
 import Event from '../event/Event.js';
 import BrowserWindow from '../window/BrowserWindow.js';
-import IEventListener from '../event/IEventListener.js';
+import TEventListener from '../event/TEventListener.js';
 import MediaQueryListEvent from '../event/events/MediaQueryListEvent.js';
 import IMediaQueryItem from './MediaQueryItem.js';
 import MediaQueryParser from './MediaQueryParser.js';
@@ -15,7 +15,7 @@ import MediaQueryParser from './MediaQueryParser.js';
  */
 export default class MediaQueryList extends EventTarget {
 	public onchange: (event: Event) => void = null;
-	#ownerWindow: BrowserWindow;
+	#window: BrowserWindow;
 	#items: IMediaQueryItem[] | null = null;
 	#media: string;
 	#rootFontSize: string | number | null = null;
@@ -24,17 +24,13 @@ export default class MediaQueryList extends EventTarget {
 	 * Constructor.
 	 *
 	 * @param options Options.
-	 * @param options.ownerWindow Owner window.
+	 * @param options.window Owner window.
 	 * @param options.media Media.
 	 * @param [options.rootFontSize] Root font size.
 	 */
-	constructor(options: {
-		ownerWindow: BrowserWindow;
-		media: string;
-		rootFontSize?: string | number;
-	}) {
+	constructor(options: { window: BrowserWindow; media: string; rootFontSize?: string | number }) {
 		super();
-		this.#ownerWindow = options.ownerWindow;
+		this.#window = options.window;
 		this.#media = options.media;
 		this.#rootFontSize = options.rootFontSize || null;
 	}
@@ -48,7 +44,7 @@ export default class MediaQueryList extends EventTarget {
 		this.#items =
 			this.#items ||
 			MediaQueryParser.parse({
-				ownerWindow: this.#ownerWindow,
+				window: this.#window,
 				mediaQuery: this.#media,
 				rootFontSize: this.#rootFontSize
 			});
@@ -65,7 +61,7 @@ export default class MediaQueryList extends EventTarget {
 		this.#items =
 			this.#items ||
 			MediaQueryParser.parse({
-				ownerWindow: this.#ownerWindow,
+				window: this.#window,
 				mediaQuery: this.#media,
 				rootFontSize: this.#rootFontSize
 			});
@@ -102,7 +98,7 @@ export default class MediaQueryList extends EventTarget {
 	/**
 	 * @override
 	 */
-	public addEventListener(type: string, listener: IEventListener | ((event: Event) => void)): void {
+	public addEventListener(type: string, listener: TEventListener): void {
 		super.addEventListener(type, listener);
 		if (type === 'change') {
 			let matchesState = false;
@@ -114,23 +110,17 @@ export default class MediaQueryList extends EventTarget {
 				}
 			};
 			listener[PropertySymbol.windowResizeListener] = resizeListener;
-			this.#ownerWindow.addEventListener('resize', resizeListener);
+			this.#window.addEventListener('resize', resizeListener);
 		}
 	}
 
 	/**
 	 * @override
 	 */
-	public removeEventListener(
-		type: string,
-		listener: IEventListener | ((event: Event) => void)
-	): void {
+	public removeEventListener(type: string, listener: TEventListener): void {
 		super.removeEventListener(type, listener);
 		if (type === 'change' && listener[PropertySymbol.windowResizeListener]) {
-			this.#ownerWindow.removeEventListener(
-				'resize',
-				listener[PropertySymbol.windowResizeListener]
-			);
+			this.#window.removeEventListener('resize', listener[PropertySymbol.windowResizeListener]);
 		}
 	}
 }

package/src/match-media/MediaQueryParser.ts

@@ -38,18 +38,18 @@ export default class MediaQueryParser {
 	 * Parses a media query string.
 	 *
 	 * @param options Options.
-	 * @param options.ownerWindow Owner window.
+	 * @param options.window Owner window.
 	 * @param options.mediaQuery Media query string.
 	 * @param [options.rootFontSize] Root font size.
 	 * @returns Media query items.
 	 */
 	public static parse(options: {
-		ownerWindow: BrowserWindow;
+		window: BrowserWindow;
 		mediaQuery: string;
 		rootFontSize?: string | number | null;
 	}): MediaQueryItem[] {
 		let currentMediaQueryItem: MediaQueryItem = new MediaQueryItem({
-			ownerWindow: options.ownerWindow,
+			window: options.window,
 			rootFontSize: options.rootFontSize
 		});
 		const mediaQueryItems: MediaQueryItem[] = [currentMediaQueryItem];
@@ -59,7 +59,7 @@ export default class MediaQueryParser {
 		while ((match = regexp.exec(options.mediaQuery.toLowerCase()))) {
 			if (match[4] === ',' || match[5] === 'or') {
 				currentMediaQueryItem = new MediaQueryItem({
-					ownerWindow: options.ownerWindow,
+					window: options.window,
 					rootFontSize: options.rootFontSize
 				});
 				mediaQueryItems.push(currentMediaQueryItem);
@@ -93,7 +93,7 @@ export default class MediaQueryParser {
 					if (!trimmedValue && !match[3]) {
 						return [
 							new MediaQueryItem({
-								ownerWindow: options.ownerWindow,
+								window: options.window,
 								rootFontSize: options.rootFontSize,
 								not: true,
 								mediaTypes: [MediaQueryTypeEnum.all]

package/src/mutation-observer/IMutationListener.ts

@@ -0,0 +1,7 @@
+import IMutationObserverInit from './IMutationObserverInit.js';
+import MutationRecord from './MutationRecord.js';
+
+export default interface IMutationListener {
+	options: IMutationObserverInit;
+	callback: WeakRef<(record: MutationRecord) => void>;
+}

package/src/mutation-observer/MutationObserver.ts

@@ -1,9 +1,9 @@
 import * as PropertySymbol from '../PropertySymbol.js';
 import Node from '../nodes/node/Node.js';
+import BrowserWindow from '../window/BrowserWindow.js';
 import IMutationObserverInit from './IMutationObserverInit.js';
-import MutationListener from './MutationListener.js';
+import MutationObserverListener from './MutationObserverListener.js';
 import MutationRecord from './MutationRecord.js';
-import BrowserWindow from '../window/BrowserWindow.js';
 
 /**
  * The MutationObserver interface provides the ability to watch for changes being made to the DOM tree.
@@ -11,9 +11,11 @@ import BrowserWindow from '../window/BrowserWindow.js';
  * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
  */
 export default class MutationObserver {
+	// Injected by WindowClassExtender
+	protected declare [PropertySymbol.window]: BrowserWindow;
 	#callback: (records: MutationRecord[], observer: MutationObserver) => void;
-	#listeners: MutationListener[] = [];
-	#window: BrowserWindow | null = null;
+	#listeners: MutationObserverListener[] = [];
+	#destroyed: boolean = false;
 
 	/**
 	 * Constructor.
@@ -21,6 +23,12 @@ export default class MutationObserver {
 	 * @param callback Callback.
 	 */
 	constructor(callback: (records: MutationRecord[], observer: MutationObserver) => void) {
+		if (!this[PropertySymbol.window]) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
+
 		this.#callback = callback;
 	}
 
@@ -31,8 +39,12 @@ export default class MutationObserver {
 	 * @param options Options.
 	 */
 	public observe(target: Node, options: IMutationObserverInit): void {
+		if (this.#destroyed) {
+			return;
+		}
+
 		if (!target) {
-			throw new TypeError(
+			throw new this[PropertySymbol.window].TypeError(
 				`Failed to execute 'observe' on 'MutationObserver': The first parameter "target" should be of type "Node".`
 			);
 		}
@@ -47,13 +59,13 @@ export default class MutationObserver {
 			}
 
 			if (!options.attributes && options.attributeOldValue) {
-				throw new TypeError(
+				throw new this[PropertySymbol.window].TypeError(
 					`Failed to execute 'observe' on 'MutationObserver': The options object may only set 'attributeOldValue' to true when 'attributes' is true or not present.`
 				);
 			}
 
 			if (!options.attributes && options.attributeFilter) {
-				throw new TypeError(
+				throw new this[PropertySymbol.window].TypeError(
 					`Failed to execute 'observe' on 'MutationObserver': The options object may only set 'attributeFilter' when 'attributes' is true or not present.`
 				);
 			}
@@ -68,24 +80,18 @@ export default class MutationObserver {
 			}
 
 			if (!options.characterData && options.characterDataOldValue) {
-				throw new TypeError(
+				throw new this[PropertySymbol.window].TypeError(
 					`Failed to execute 'observe' on 'MutationObserver': The options object may only set 'characterDataOldValue' to true when 'characterData' is true or not present.`
 				);
 			}
 		}
 
 		if (!options || (!options.childList && !options.attributes && !options.characterData)) {
-			throw new TypeError(
+			throw new this[PropertySymbol.window].TypeError(
 				`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[PropertySymbol.ownerDocument]
-				? target[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow]
-				: target[PropertySymbol.ownerWindow];
-		}
-
 		// Makes sure that attribute names are lower case.
 		// TODO: Is this correct?
 		options = Object.assign({}, options, {
@@ -104,8 +110,8 @@ export default class MutationObserver {
 			}
 		}
 
-		const listener = new MutationListener({
-			window: this.#window,
+		const listener = new MutationObserverListener({
+			window: this[PropertySymbol.window],
 			options,
 			callback: this.#callback.bind(this),
 			observer: this,
@@ -115,33 +121,37 @@ export default class MutationObserver {
 		this.#listeners.push(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);
+		if (!this[PropertySymbol.window][PropertySymbol.mutationObservers].includes(this)) {
+			this[PropertySymbol.window][PropertySymbol.mutationObservers].push(this);
+		}
 
 		// Starts observing target node.
-		(<Node>target)[PropertySymbol.observe](listener);
+		(<Node>target)[PropertySymbol.observeMutations](listener.mutationListener);
 	}
 
 	/**
 	 * Disconnects.
 	 */
 	public disconnect(): void {
+		this.#destroyed = true;
+
 		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);
+			(<Node>listener.target)[PropertySymbol.unobserveMutations](listener.mutationListener);
 			listener.destroy();
 		}
 
 		this.#listeners = [];
+
+		const mutationObservers = this[PropertySymbol.window][PropertySymbol.mutationObservers];
+		const index = mutationObservers.indexOf(this);
+
+		if (index !== -1) {
+			mutationObservers.splice(index, 1);
+		}
 	}
 
 	/**

package/src/mutation-observer/MutationObserverListener.ts

@@ -0,0 +1,102 @@
+import IMutationObserverInit from './IMutationObserverInit.js';
+import MutationObserver from './MutationObserver.js';
+import MutationRecord from './MutationRecord.js';
+import Node from '../nodes/node/Node.js';
+import BrowserWindow from '../window/BrowserWindow.js';
+import IMutationListener from './IMutationListener.js';
+
+/**
+ * Mutation Observer Listener.
+ */
+export default class MutationObserverListener {
+	public readonly target: Node;
+	public options: IMutationObserverInit;
+	public mutationListener: IMutationListener;
+	#window: BrowserWindow;
+	#observer: MutationObserver;
+	#callback: (record: MutationRecord[], observer: MutationObserver) => void;
+	#records: MutationRecord[] | null = [];
+	#timeout: NodeJS.Timeout | 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: BrowserWindow;
+		options: IMutationObserverInit;
+		target: Node;
+		observer: MutationObserver;
+		callback: (record: MutationRecord[], observer: MutationObserver) => void;
+	}) {
+		this.options = init.options;
+		this.target = init.target;
+		this.mutationListener = {
+			options: init.options,
+			callback: new WeakRef((record: MutationRecord) => this.report(record))
+		};
+		this.#window = init.window;
+		this.#observer = init.observer;
+		this.#callback = init.callback;
+	}
+
+	/**
+	 * Reports mutations.
+	 *
+	 * @param record Record.
+	 */
+	public report(record: MutationRecord): void {
+		if (!this.#records) {
+			return;
+		}
+
+		this.#records.push(record);
+
+		if (this.#timeout) {
+			this.#window.clearTimeout(this.#timeout);
+		}
+
+		this.#timeout = this.#window.setTimeout(() => {
+			const records = this.#records;
+			if (records?.length > 0) {
+				this.#records = [];
+				this.#callback(records, this.#observer);
+			}
+		});
+	}
+
+	/**
+	 * Destroys the listener.
+	 */
+	public takeRecords(): MutationRecord[] {
+		if (this.#timeout) {
+			this.#window.clearTimeout(this.#timeout);
+		}
+		const records = this.#records;
+		this.#records = [];
+		return records;
+	}
+
+	/**
+	 * Destroys the listener.
+	 */
+	public destroy(): void {
+		if (this.#timeout) {
+			this.#window.clearTimeout(this.#timeout);
+		}
+		(<null>this.options) = null;
+		(<null>this.target) = null;
+		(<null>this.mutationListener) = null;
+		(<null>this.#window) = null;
+		(<null>this.#observer) = null;
+		(<null>this.#callback) = null;
+		(<null>this.#timeout) = null;
+		(<null>this.#records) = null;
+	}
+}

package/src/navigator/Navigator.ts

@@ -3,7 +3,7 @@ import PluginArray from './PluginArray.js';
 import BrowserWindow from '../window/BrowserWindow.js';
 import Permissions from '../permissions/Permissions.js';
 import Clipboard from '../clipboard/Clipboard.js';
-import WindowBrowserSettingsReader from '../window/WindowBrowserSettingsReader.js';
+import WindowBrowserContext from '../window/WindowBrowserContext.js';
 import Blob from '../file/Blob.js';
 import FormData from '../form-data/FormData.js';
 
@@ -16,19 +16,23 @@ import FormData from '../form-data/FormData.js';
  * https://html.spec.whatwg.org/multipage/system-state.html#dom-navigator.
  */
 export default class Navigator {
-	#ownerWindow: BrowserWindow;
+	#window: BrowserWindow;
 	#clipboard: Clipboard;
 	#permissions: Permissions;
 
 	/**
 	 * Constructor.
 	 *
-	 * @param ownerWindow Owner window.
+	 * @param window Owner window.
 	 */
-	constructor(ownerWindow: BrowserWindow) {
-		this.#ownerWindow = ownerWindow;
-		this.#clipboard = new Clipboard(ownerWindow);
-		this.#permissions = new Permissions();
+	constructor(window: BrowserWindow) {
+		if (!window) {
+			throw new TypeError('Invalid constructor');
+		}
+
+		this.#window = window;
+		this.#clipboard = new Clipboard(window);
+		this.#permissions = new Permissions(window);
 	}
 
 	/**
@@ -77,9 +81,7 @@ export default class Navigator {
 	 * Maximum number of simultaneous touch contact points are supported by the current device.
 	 */
 	public get maxTouchPoints(): number {
-		return (
-			WindowBrowserSettingsReader.getSettings(this.#ownerWindow)?.navigator.maxTouchPoints || 0
-		);
+		return new WindowBrowserContext(this.#window).getSettings()?.navigator.maxTouchPoints || 0;
 	}
 
 	/**
@@ -156,7 +158,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 WindowBrowserSettingsReader.getSettings(this.#ownerWindow)?.navigator.userAgent || '';
+		return new WindowBrowserContext(this.#window).getSettings()?.navigator.userAgent || '';
 	}
 
 	/**
@@ -227,7 +229,7 @@ export default class Navigator {
 		url: string,
 		data: string | Blob | ArrayBuffer | ArrayBufferView | FormData
 	): boolean {
-		this.#ownerWindow.fetch(url, {
+		this.#window.fetch(url, {
 			method: 'POST',
 			body: data
 		});

package/src/nodes/NodeFactory.ts

@@ -1,4 +1,6 @@
 import Document from '../nodes/document/Document.js';
+import Node from './node/Node.js';
+import * as PropertySymbol from '../PropertySymbol.js';
 
 /**
  * Node factory used for setting the owner document to nodes.
@@ -14,12 +16,14 @@ export default class NodeFactory {
 	 * @param [args] Node arguments.
 	 * @returns Node instance.
 	 */
-	public static createNode<T>(
+	public static createNode<T extends Node>(
 		ownerDocument: Document,
 		nodeClass: new (...args) => T,
 		...args: any[]
 	): T {
-		this.ownerDocuments.push(ownerDocument);
+		if (!nodeClass.prototype[PropertySymbol.window]) {
+			this.ownerDocuments.push(ownerDocument);
+		}
 		return new nodeClass(...args);
 	}