happy-dom 15.0.0 → 15.2.0

package/src/nodes/html-input-element/HTMLInputElement.ts

@@ -1,7 +1,6 @@
 import HTMLElement from '../html-element/HTMLElement.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import ValidityState from '../../validity-state/ValidityState.js';
-import DOMException from '../../exception/DOMException.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import Event from '../../event/Event.js';
 import HTMLInputElementValueSanitizer from './HTMLInputElementValueSanitizer.js';
@@ -48,6 +47,7 @@ export default class HTMLInputElement extends HTMLElement {
 	public [PropertySymbol.validity] = new ValidityState(this);
 	public [PropertySymbol.files]: FileList = new FileList();
 	public [PropertySymbol.formNode]: HTMLFormElement | null = null;
+	public [PropertySymbol.popoverTargetElement]: HTMLElement | null = null;
 
 	// Private properties
 	#selectionStart: number = null;
@@ -792,7 +792,7 @@ export default class HTMLInputElement extends HTMLElement {
 				break;
 			case 'file':
 				if (value !== '') {
-					throw new DOMException(
+					throw new this[PropertySymbol.window].DOMException(
 						'Input elements of type "file" may only programmatically set the value to empty string.',
 						DOMExceptionNameEnum.invalidStateError
 					);
@@ -836,7 +836,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 */
 	public set selectionStart(start: number) {
 		if (!this.#isSelectionSupported()) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The input element's type (${this.type}) does not support selection.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -869,7 +869,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 */
 	public set selectionEnd(end: number) {
 		if (!this.#isSelectionSupported()) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The input element's type (${this.type}) does not support selection.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -898,7 +898,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 */
 	public set selectionDirection(direction: string) {
 		if (!this.#isSelectionSupported()) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The input element's type (${this.type}) does not support selection.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -953,17 +953,17 @@ export default class HTMLInputElement extends HTMLElement {
 	public set valueAsDate(value: Date | null) {
 		// Specs at https://html.spec.whatwg.org/multipage/input.html#dom-input-valueasdate
 		if (!['date', 'month', 'time', 'week'].includes(this.type)) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				"Failed to set the 'valueAsDate' property on 'HTMLInputElement': This input element does not support Date values.",
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 		if (typeof value !== 'object') {
-			throw new TypeError(
+			throw new this[PropertySymbol.window].TypeError(
 				"Failed to set the 'valueAsDate' property on 'HTMLInputElement': Failed to convert value to 'object'."
 			);
 		} else if (value && !(value instanceof Date)) {
-			throw new TypeError(
+			throw new this[PropertySymbol.window].TypeError(
 				"Failed to set the 'valueAsDate' property on 'HTMLInputElement': The provided value is not a Date."
 			);
 		} else if (value === null || isNaN(value.getTime())) {
@@ -1084,7 +1084,7 @@ export default class HTMLInputElement extends HTMLElement {
 				break;
 			}
 			default:
-				throw new DOMException(
+				throw new this[PropertySymbol.window].DOMException(
 					"Failed to set the 'valueAsNumber' property on 'HTMLInputElement': This input element does not support Number values.",
 					DOMExceptionNameEnum.invalidStateError
 				);
@@ -1115,6 +1115,51 @@ export default class HTMLInputElement extends HTMLElement {
 		return <HTMLDataListElement | null>rootNode.querySelector(`datalist#${id}`);
 	}
 
+	/**
+	 * Returns popover target element.
+	 *
+	 * @returns Popover target element.
+	 */
+	public get popoverTargetElement(): HTMLElement | null {
+		return this[PropertySymbol.popoverTargetElement];
+	}
+
+	/**
+	 * Sets popover target element.
+	 *
+	 * @param popoverTargetElement Popover target element.
+	 */
+	public set popoverTargetElement(popoverTargetElement: HTMLElement | null) {
+		if (popoverTargetElement !== null && !(popoverTargetElement instanceof HTMLElement)) {
+			throw new this[PropertySymbol.window].TypeError(
+				`Failed to set the 'popoverTargetElement' property on 'HTMLInputElement': Failed to convert value to 'Element'.`
+			);
+		}
+		this[PropertySymbol.popoverTargetElement] = popoverTargetElement;
+	}
+
+	/**
+	 * Returns popover target action.
+	 *
+	 * @returns Popover target action.
+	 */
+	public get popoverTargetAction(): string {
+		const value = this.getAttribute('popovertargetaction');
+		if (value === null || (value !== 'hide' && value !== 'show' && value !== 'toggle')) {
+			return 'toggle';
+		}
+		return value;
+	}
+
+	/**
+	 * Sets popover target action.
+	 *
+	 * @param value Popover target action.
+	 */
+	public set popoverTargetAction(value: string) {
+		this.setAttribute('popovertargetaction', value);
+	}
+
 	/**
 	 * Sets validation message.
 	 *
@@ -1148,7 +1193,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 */
 	public setSelectionRange(start: number, end: number, direction = 'none'): void {
 		if (!this.#isSelectionSupported()) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The input element's type (${this.type}) does not support selection.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -1180,7 +1225,7 @@ export default class HTMLInputElement extends HTMLElement {
 		selectionMode = HTMLInputElementSelectionModeEnum.preserve
 	): void {
 		if (!this.#isSelectionSupported()) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The input element's type (${this.type}) does not support selection.`,
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -1194,7 +1239,7 @@ export default class HTMLInputElement extends HTMLElement {
 		}
 
 		if (start > end) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				'The index is not in the allowed range.',
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -1313,13 +1358,16 @@ export default class HTMLInputElement extends HTMLElement {
 	 * @override
 	 */
 	public override dispatchEvent(event: Event): boolean {
-		// Do nothing if the input element is disabled and the event is a click event.
 		if (
-			event.type === 'click' &&
-			event instanceof MouseEvent &&
-			event.eventPhase === EventPhaseEnum.none &&
-			this.disabled
+			event[PropertySymbol.type] !== 'click' ||
+			event[PropertySymbol.eventPhase] !== EventPhaseEnum.none ||
+			!(event instanceof MouseEvent)
 		) {
+			return super.dispatchEvent(event);
+		}
+
+		// Do nothing if the input element is disabled and the event is a click event.
+		if (this.disabled) {
 			return false;
 		}
 
@@ -1327,63 +1375,50 @@ export default class HTMLInputElement extends HTMLElement {
 
 		// The checkbox or radio button has to be checked before the click event is dispatched, so that event listeners can check the checked value.
 		// However, the value has to be restored if preventDefault() is called on the click event.
-		if (
-			(event.eventPhase === EventPhaseEnum.atTarget ||
-				event.eventPhase === EventPhaseEnum.bubbling) &&
-			event.type === 'click' &&
-			event instanceof MouseEvent
-		) {
-			const inputType = this.type;
-			if (inputType === 'checkbox' || inputType === 'radio') {
-				previousCheckedValue = this.checked;
-				this.#setChecked(inputType === 'checkbox' ? !previousCheckedValue : true);
-			}
+		const type = this.type;
+
+		if (type === 'checkbox' || type === 'radio') {
+			previousCheckedValue = this.checked;
+			this.#setChecked(type === 'checkbox' ? !previousCheckedValue : true);
 		}
 
+		// Dispatches the event
 		const returnValue = super.dispatchEvent(event);
 
 		if (
-			!event.defaultPrevented &&
-			(event.eventPhase === EventPhaseEnum.atTarget ||
-				event.eventPhase === EventPhaseEnum.bubbling) &&
-			event.type === 'click' &&
-			event instanceof MouseEvent &&
-			this[PropertySymbol.isConnected]
+			event[PropertySymbol.type] !== 'click' ||
+			event[PropertySymbol.eventPhase] !== EventPhaseEnum.none ||
+			!(event instanceof MouseEvent)
 		) {
-			const inputType = this.type;
-			if (!this.readOnly || inputType === 'checkbox' || inputType === 'radio') {
-				if (inputType === 'checkbox' || inputType === 'radio') {
-					this.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
-					this.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
-				} else if (inputType === 'submit') {
-					const form = this.form;
-					if (form) {
+			return returnValue;
+		}
+
+		if (event[PropertySymbol.defaultPrevented]) {
+			// Restore checked state if preventDefault() is triggered inside a listener of the click event.
+			if (previousCheckedValue !== null) {
+				this.#setChecked(previousCheckedValue);
+			}
+		} else {
+			const type = this.type;
+
+			if (type === 'checkbox' && this[PropertySymbol.isConnected]) {
+				this.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
+				this.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
+			} else if (type === 'radio' && !previousCheckedValue && this[PropertySymbol.isConnected]) {
+				this.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
+				this.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
+			} else if (type === 'submit' || type === 'reset') {
+				const form = this.form;
+				if (form) {
+					if (type === 'submit' && this[PropertySymbol.isConnected]) {
 						form.requestSubmit(this);
-					}
-				} else if (inputType === 'reset' && this[PropertySymbol.isConnected]) {
-					const form = this.form;
-					if (form) {
+					} else if (type === 'reset') {
 						form.reset();
 					}
 				}
 			}
 		}
 
-		// Restore checked state if preventDefault() is triggered on the click event.
-		if (
-			event.defaultPrevented &&
-			(event.eventPhase === EventPhaseEnum.atTarget ||
-				event.eventPhase === EventPhaseEnum.bubbling) &&
-			event.type === 'click' &&
-			event instanceof MouseEvent &&
-			previousCheckedValue !== null
-		) {
-			const inputType = this.type;
-			if (inputType === 'checkbox' || inputType === 'radio') {
-				this.#setChecked(previousCheckedValue);
-			}
-		}
-
 		return returnValue;
 	}
 

package/src/nodes/html-label-element/HTMLLabelElement.ts

@@ -6,6 +6,12 @@ import EventPhaseEnum from '../../event/EventPhaseEnum.js';
 import HTMLInputElement from '../html-input-element/HTMLInputElement.js';
 import Document from '../document/Document.js';
 import MouseEvent from '../../event/events/MouseEvent.js';
+import HTMLButtonElement from '../html-button-element/HTMLButtonElement.js';
+import HTMLMeterElement from '../html-meter-element/HTMLMeterElement.js';
+import HTMLOutputElement from '../html-output-element/HTMLOutputElement.js';
+import HTMLProgressElement from '../html-progress-element/HTMLProgressElement.js';
+import HTMLSelectElement from '../html-select-element/HTMLSelectElement.js';
+import HTMLTextAreaElement from '../html-text-area-element/HTMLTextAreaElement.js';
 
 /**
  * HTML Label Element.
@@ -44,7 +50,15 @@ export default class HTMLLabelElement extends HTMLElement {
 	 *
 	 * @returns Control element.
 	 */
-	public get control(): HTMLElement | null {
+	public get control():
+		| HTMLInputElement
+		| HTMLButtonElement
+		| HTMLMeterElement
+		| HTMLOutputElement
+		| HTMLProgressElement
+		| HTMLSelectElement
+		| HTMLTextAreaElement
+		| null {
 		const htmlFor = this.getAttribute('for');
 		if (htmlFor !== null) {
 			if (!htmlFor || !this[PropertySymbol.isConnected]) {
@@ -56,20 +70,20 @@ export default class HTMLLabelElement extends HTMLElement {
 			if (control) {
 				switch (control[PropertySymbol.tagName]) {
 					case 'INPUT':
-						return (<HTMLInputElement>control).type !== 'hidden' ? control : null;
+						return (<HTMLInputElement>control).type !== 'hidden' ? <HTMLInputElement>control : null;
 					case 'BUTTON':
 					case 'METER':
 					case 'OUTPUT':
 					case 'PROGRESS':
 					case 'SELECT':
 					case 'TEXTAREA':
-						return control;
+						return <HTMLInputElement>control;
 					default:
 						return null;
 				}
 			}
 		}
-		return <HTMLElement | null>(
+		return <HTMLInputElement | null>(
 			this.querySelector('button,input:not([type="hidden"]),meter,output,progress,select,textarea')
 		);
 	}
@@ -97,9 +111,10 @@ export default class HTMLLabelElement extends HTMLElement {
 		const returnValue = super.dispatchEvent(event);
 
 		if (
+			!event[PropertySymbol.defaultPrevented] &&
 			event.type === 'click' &&
-			event instanceof MouseEvent &&
-			(event.eventPhase === EventPhaseEnum.atTarget || event.eventPhase === EventPhaseEnum.bubbling)
+			event.eventPhase === EventPhaseEnum.none &&
+			event instanceof MouseEvent
 		) {
 			const control = this.control;
 			if (control && event.target !== control) {

package/src/nodes/html-link-element/HTMLLinkElement.ts

@@ -4,13 +4,12 @@ import HTMLElement from '../html-element/HTMLElement.js';
 import Event from '../../event/Event.js';
 import ErrorEvent from '../../event/events/ErrorEvent.js';
 import DOMTokenList from '../element/DOMTokenList.js';
-import IBrowserFrame from '../../browser/types/IBrowserFrame.js';
 import Attr from '../attr/Attr.js';
 import WindowErrorUtility from '../../window/WindowErrorUtility.js';
-import DOMException from '../../exception/DOMException.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import ResourceFetch from '../../fetch/ResourceFetch.js';
 import DocumentReadyStateManager from '../document/DocumentReadyStateManager.js';
+import WindowBrowserContext from '../../window/WindowBrowserContext.js';
 
 /**
  * HTML Link Element.
@@ -28,18 +27,6 @@ export default class HTMLLinkElement extends HTMLElement {
 	public [PropertySymbol.evaluateCSS] = true;
 	public [PropertySymbol.relList]: DOMTokenList | null = null;
 	#loadedStyleSheetURL: string | null = null;
-	#browserFrame: IBrowserFrame;
-
-	/**
-	 * Constructor.
-	 *
-	 * @param browserFrame Browser frame.
-	 */
-	constructor(browserFrame) {
-		super();
-
-		this.#browserFrame = browserFrame;
-	}
 
 	/**
 	 * Returns sheet.
@@ -246,8 +233,14 @@ export default class HTMLLinkElement extends HTMLElement {
 	 * @param rel Rel.
 	 */
 	async #loadStyleSheet(url: string | null, rel: string | null): Promise<void> {
-		const browserSettings = this.#browserFrame.page.context.browser.settings;
-		const window = this[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow];
+		const window = this[PropertySymbol.window];
+		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+
+		if (!browserFrame) {
+			return;
+		}
+
+		const browserSettings = browserFrame.page?.context?.browser?.settings;
 
 		if (!url || !rel || rel.toLowerCase() !== 'stylesheet' || !this[PropertySymbol.isConnected]) {
 			return;
@@ -264,13 +257,13 @@ export default class HTMLLinkElement extends HTMLElement {
 			return;
 		}
 
-		if (browserSettings.disableCSSFileLoading) {
+		if (browserSettings && browserSettings.disableCSSFileLoading) {
 			if (browserSettings.handleDisabledFileLoadingAsSuccess) {
 				this.dispatchEvent(new Event('load'));
 			} else {
 				WindowErrorUtility.dispatchError(
 					this,
-					new DOMException(
+					new window.DOMException(
 						`Failed to load external stylesheet "${absoluteURL}". CSS file loading is disabled.`,
 						DOMExceptionNameEnum.notSupportedError
 					)
@@ -280,7 +273,7 @@ export default class HTMLLinkElement extends HTMLElement {
 		}
 
 		const resourceFetch = new ResourceFetch({
-			browserFrame: this.#browserFrame,
+			browserFrame,
 			window: window
 		});
 		const readyStateManager = (<{ [PropertySymbol.readyStateManager]: DocumentReadyStateManager }>(

package/src/nodes/html-media-element/HTMLMediaElement.ts

@@ -1,6 +1,5 @@
 import ErrorEvent from '../../event/events/ErrorEvent.js';
 import Event from '../../event/Event.js';
-import DOMException from '../../exception/DOMException.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import TimeRanges from './TimeRanges.js';
@@ -72,7 +71,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	public [PropertySymbol.seekable] = new TimeRanges(PropertySymbol.illegalConstructor);
 	public [PropertySymbol.sinkId]: string = '';
 	public [PropertySymbol.played] = new TimeRanges(PropertySymbol.illegalConstructor);
-	public [PropertySymbol.remote] = new RemotePlayback();
+	public [PropertySymbol.remote] = new this[PropertySymbol.window].RemotePlayback();
 	public [PropertySymbol.controlsList]: DOMTokenList | null = null;
 	public [PropertySymbol.mediaKeys]: object | null = null;
 	public [PropertySymbol.srcObject]: MediaStream | null = null;
@@ -413,7 +412,7 @@ export default class HTMLMediaElement extends HTMLElement {
 		for (const track of this.querySelectorAll('track')[PropertySymbol.items]) {
 			items.push(track.track);
 		}
-		return new TextTrackList(PropertySymbol.illegalConstructor, items);
+		return new this[PropertySymbol.window].TextTrackList(PropertySymbol.illegalConstructor, items);
 	}
 
 	/**
@@ -448,12 +447,12 @@ export default class HTMLMediaElement extends HTMLElement {
 		const parsedVolume = Number(volume);
 
 		if (isNaN(parsedVolume)) {
-			throw new TypeError(
+			throw new this[PropertySymbol.window].TypeError(
 				`Failed to set the 'volume' property on 'HTMLMediaElement': The provided double value is non-finite.`
 			);
 		}
 		if (parsedVolume < 0 || parsedVolume > 1) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`Failed to set the 'volume' property on 'HTMLMediaElement': The volume provided (${parsedVolume}) is outside the range [0, 1].`,
 				DOMExceptionNameEnum.indexSizeError
 			);
@@ -504,7 +503,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	public set currentTime(currentTime: number | string) {
 		const parsedCurrentTime = Number(currentTime);
 		if (isNaN(parsedCurrentTime)) {
-			throw new TypeError(
+			throw new this[PropertySymbol.window].TypeError(
 				`Failed to set the 'currentTime' property on 'HTMLMediaElement': The provided double value is non-finite.`
 			);
 		}
@@ -528,7 +527,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	public set playbackRate(playbackRate: number | string) {
 		const parsedPlaybackRate = Number(playbackRate);
 		if (isNaN(parsedPlaybackRate)) {
-			throw new TypeError(
+			throw new this[PropertySymbol.window].TypeError(
 				`Failed to set the 'playbackRate' property on 'HTMLMediaElement': The provided double value is non-finite.`
 			);
 		}
@@ -552,7 +551,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	public set defaultPlaybackRate(defaultPlaybackRate: number | string) {
 		const parsedDefaultPlaybackRate = Number(defaultPlaybackRate);
 		if (isNaN(parsedDefaultPlaybackRate)) {
-			throw new TypeError(
+			throw new this[PropertySymbol.window].TypeError(
 				`Failed to set the 'defaultPlaybackRate' property on 'HTMLMediaElement': The provided double value is non-finite.`
 			);
 		}
@@ -594,17 +593,21 @@ export default class HTMLMediaElement extends HTMLElement {
 	 * @param language The language of the text track data.
 	 */
 	public addTextTrack(kind: TextTrackKindEnum, label?: string, language?: string): TextTrack {
+		const window = this[PropertySymbol.window];
+
 		if (arguments.length === 0) {
-			throw new TypeError(
+			throw new window.TypeError(
 				`Failed to execute 'addTextTrack' on 'HTMLMediaElement': 1 argument required, but only 0 present.`
 			);
 		}
+
 		if (!TextTrackKindEnum[kind]) {
-			throw new TypeError(
+			throw new window.TypeError(
 				`Failed to execute 'addTextTrack' on 'HTMLMediaElement': The provided value '${kind}' is not a valid enum value of type TextTrackKind.`
 			);
 		}
-		const track = new TextTrack(PropertySymbol.illegalConstructor);
+
+		const track = new window.TextTrack(PropertySymbol.illegalConstructor);
 		track[PropertySymbol.kind] = kind;
 		track[PropertySymbol.label] = label || '';
 		track[PropertySymbol.language] = language || '';
@@ -688,7 +691,7 @@ export default class HTMLMediaElement extends HTMLElement {
 	 * @returns MediaStream.
 	 */
 	public captureStream(): MediaStream {
-		return new MediaStream();
+		return new this[PropertySymbol.window].MediaStream();
 	}
 
 	/**

package/src/nodes/html-media-element/MediaStream.ts

@@ -29,6 +29,12 @@ export default class MediaStream extends EventTarget {
 	constructor(streamOrTracks?: MediaStream | MediaStreamTrack[]) {
 		super();
 
+		if (!this[PropertySymbol.window]) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
+
 		if (streamOrTracks !== undefined) {
 			this[PropertySymbol.tracks] =
 				streamOrTracks instanceof MediaStream

package/src/nodes/html-media-element/MediaStreamTrack.ts

@@ -74,6 +74,12 @@ export default class MediaStreamTrack extends EventTarget {
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
 			throw new TypeError('Illegal constructor');
 		}
+
+		if (!this[PropertySymbol.window]) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
 	}
 
 	/**

package/src/nodes/html-media-element/TextTrack.ts

@@ -38,6 +38,12 @@ export default class TextTrack extends EventTarget {
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
 			throw new TypeError('Illegal constructor');
 		}
+
+		if (!this[PropertySymbol.window]) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
 	}
 
 	/**

package/src/nodes/html-media-element/TextTrackCue.ts

@@ -32,6 +32,12 @@ export default abstract class TextTrackCue extends EventTarget {
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
 			throw new TypeError('Illegal constructor');
 		}
+
+		if (!this[PropertySymbol.window]) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
 	}
 
 	/**

package/src/nodes/html-media-element/VTTCue.ts

@@ -1,7 +1,6 @@
 import DocumentFragment from '../document-fragment/DocumentFragment.js';
 import TextTrackCue from './TextTrackCue.js';
 import VTTRegion from './VTTRegion.js';
-import BrowserWindow from '../../window/BrowserWindow.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
@@ -20,19 +19,19 @@ export default class VTTCue extends TextTrackCue {
 	public size: number = 100;
 	public align: string = '';
 	public text: string = '';
-	#window: BrowserWindow;
 
 	/**
 	 * Constructor.
 	 *
-	 * @param window Owner window object. Injected by BrowserWindow.
 	 * @param startTime The start time for the cue.
 	 * @param endTime The end time for the cue.
 	 * @param text The text of the cue.
 	 */
-	constructor(window: BrowserWindow, startTime: number, endTime: number, text: string) {
+	constructor(startTime: number, endTime: number, text: string) {
 		super(PropertySymbol.illegalConstructor);
 
+		const window = this[PropertySymbol.window];
+
 		// TODO: Can we find a better solution for counting arguments by using the "arguments" property?
 
 		let argumentCount = 0;
@@ -48,7 +47,7 @@ export default class VTTCue extends TextTrackCue {
 		}
 
 		if (argumentCount < 3) {
-			throw new TypeError(
+			throw new window.TypeError(
 				`Failed to construct 'VTTCue': 3 arguments required, but only ${argumentCount} present.`
 			);
 		}
@@ -57,10 +56,11 @@ export default class VTTCue extends TextTrackCue {
 		endTime = Number(endTime);
 
 		if (isNaN(startTime) || isNaN(endTime)) {
-			throw new TypeError(`Failed to construct 'VTTCue': The provided double value is non-finite.`);
+			throw new window.TypeError(
+				`Failed to construct 'VTTCue': The provided double value is non-finite.`
+			);
 		}
 
-		this.#window = window;
 		this.startTime = startTime;
 		this.endTime = endTime;
 		this.text = String(text);
@@ -72,8 +72,9 @@ export default class VTTCue extends TextTrackCue {
 	 * @returns DocumentFragment
 	 */
 	public getCueAsHTML(): DocumentFragment {
-		const fragment = this.#window.document.createDocumentFragment();
-		fragment.appendChild(this.#window.document.createTextNode(this.text));
+		const window = this[PropertySymbol.window];
+		const fragment = window.document.createDocumentFragment();
+		fragment.appendChild(window.document.createTextNode(this.text));
 		return fragment;
 	}
 }