happy-dom 14.12.3 → 15.1.0

package/src/range/Range.ts

@@ -4,7 +4,6 @@ import Document from '../nodes/document/Document.js';
 import DocumentFragment from '../nodes/document-fragment/DocumentFragment.js';
 import DOMRect from '../nodes/element/DOMRect.js';
 import RangeHowEnum from './RangeHowEnum.js';
-import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
 import RangeUtility from './RangeUtility.js';
 import NodeTypeEnum from '../nodes/node/NodeTypeEnum.js';
@@ -26,6 +25,9 @@ import BrowserWindow from '../window/BrowserWindow.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/Range.
  */
 export default class Range {
+	// Injected by WindowClassExtender
+	protected declare [PropertySymbol.window]: BrowserWindow;
+
 	public static readonly END_TO_END: number = RangeHowEnum.endToEnd;
 	public static readonly END_TO_START: number = RangeHowEnum.endToStart;
 	public static readonly START_TO_END: number = RangeHowEnum.startToEnd;
@@ -36,7 +38,6 @@ export default class Range {
 	public readonly START_TO_START: number = RangeHowEnum.startToStart;
 	public [PropertySymbol.start]: IRangeBoundaryPoint | null = null;
 	public [PropertySymbol.end]: IRangeBoundaryPoint | null = null;
-	#window: BrowserWindow;
 	public readonly [PropertySymbol.ownerDocument]: Document;
 
 	/**
@@ -44,8 +45,15 @@ export default class Range {
 	 *
 	 * @param window Window.
 	 */
-	constructor(window: BrowserWindow) {
-		this.#window = window;
+	constructor() {
+		const window = this[PropertySymbol.window];
+
+		if (!window) {
+			throw new TypeError(
+				`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`
+			);
+		}
+
 		this[PropertySymbol.ownerDocument] = window.document;
 		this[PropertySymbol.start] = { node: window.document, offset: 0 };
 		this[PropertySymbol.end] = { node: window.document, offset: 0 };
@@ -166,14 +174,14 @@ export default class Range {
 			how !== RangeHowEnum.endToEnd &&
 			how !== RangeHowEnum.endToStart
 		) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The comparison method provided must be one of '${RangeHowEnum.startToStart}', '${RangeHowEnum.startToEnd}', '${RangeHowEnum.endToEnd}' or '${RangeHowEnum.endToStart}'.`,
 				DOMExceptionNameEnum.notSupportedError
 			);
 		}
 
 		if (this[PropertySymbol.ownerDocument] !== sourceRange[PropertySymbol.ownerDocument]) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The two Ranges are not in the same tree.`,
 				DOMExceptionNameEnum.wrongDocumentError
 			);
@@ -228,7 +236,7 @@ export default class Range {
 	 */
 	public comparePoint(node: Node, offset): number {
 		if (node[PropertySymbol.ownerDocument] !== this[PropertySymbol.ownerDocument]) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The two Ranges are not in the same tree.`,
 				DOMExceptionNameEnum.wrongDocumentError
 			);
@@ -264,6 +272,7 @@ export default class Range {
 	 * @returns Document fragment.
 	 */
 	public cloneContents(): DocumentFragment {
+		const window = this[PropertySymbol.window];
 		const fragment = this[PropertySymbol.ownerDocument].createDocumentFragment();
 		const startOffset = this.startOffset;
 		const endOffset = this.endOffset;
@@ -326,10 +335,10 @@ export default class Range {
 
 		const containedChildren = [];
 
-		for (const node of (<Node>commonAncestor)[PropertySymbol.childNodes]) {
+		for (const node of (<Node>commonAncestor)[PropertySymbol.nodeArray]) {
 			if (RangeUtility.isContained(node, this)) {
 				if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode) {
-					throw new DOMException(
+					throw new window.DOMException(
 						'Invalid document type element.',
 						DOMExceptionNameEnum.hierarchyRequestError
 					);
@@ -356,7 +365,7 @@ export default class Range {
 			const clone = firstPartialContainedChild.cloneNode();
 			fragment.appendChild(clone);
 
-			const subRange = new this.#window.Range();
+			const subRange = new window.Range();
 			subRange[PropertySymbol.start].node = this[PropertySymbol.start].node;
 			subRange[PropertySymbol.start].offset = startOffset;
 			subRange[PropertySymbol.end].node = firstPartialContainedChild;
@@ -386,7 +395,7 @@ export default class Range {
 			const clone = lastPartiallyContainedChild.cloneNode(false);
 			fragment.appendChild(clone);
 
-			const subRange = new this.#window.Range();
+			const subRange = new window.Range();
 			subRange[PropertySymbol.start].node = lastPartiallyContainedChild;
 			subRange[PropertySymbol.start].offset = 0;
 			subRange[PropertySymbol.end].node = this[PropertySymbol.end].node;
@@ -406,7 +415,7 @@ export default class Range {
 	 * @returns Range.
 	 */
 	public cloneRange(): Range {
-		const clone = new this.#window.Range();
+		const clone = new this[PropertySymbol.window].Range();
 
 		clone[PropertySymbol.start].node = this[PropertySymbol.start].node;
 		clone[PropertySymbol.start].offset = this[PropertySymbol.start].offset;
@@ -495,7 +504,7 @@ export default class Range {
 
 			newNode = referenceNode[PropertySymbol.parentNode];
 			newOffset =
-				(<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(
+				(<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(
 					referenceNode
 				) + 1;
 		}
@@ -549,6 +558,7 @@ export default class Range {
 	 * @returns Document fragment.
 	 */
 	public extractContents(): DocumentFragment {
+		const window = this[PropertySymbol.window];
 		const fragment = this[PropertySymbol.ownerDocument].createDocumentFragment();
 		const startOffset = this.startOffset;
 		const endOffset = this.endOffset;
@@ -619,10 +629,10 @@ export default class Range {
 
 		const containedChildren = [];
 
-		for (const node of (<Node>commonAncestor)[PropertySymbol.childNodes]) {
+		for (const node of (<Node>commonAncestor)[PropertySymbol.nodeArray]) {
 			if (RangeUtility.isContained(node, this)) {
 				if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode) {
-					throw new DOMException(
+					throw new this[PropertySymbol.window].DOMException(
 						'Invalid document type element.',
 						DOMExceptionNameEnum.hierarchyRequestError
 					);
@@ -656,7 +666,7 @@ export default class Range {
 
 			newNode = referenceNode[PropertySymbol.parentNode];
 			newOffset =
-				(<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(
+				(<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(
 					referenceNode
 				) + 1;
 		}
@@ -685,7 +695,7 @@ export default class Range {
 			const clone = firstPartialContainedChild.cloneNode(false);
 			fragment.appendChild(clone);
 
-			const subRange = new this.#window.Range();
+			const subRange = new window.Range();
 			subRange[PropertySymbol.start].node = this[PropertySymbol.start].node;
 			subRange[PropertySymbol.start].offset = startOffset;
 			subRange[PropertySymbol.end].node = firstPartialContainedChild;
@@ -716,7 +726,7 @@ export default class Range {
 			const clone = lastPartiallyContainedChild.cloneNode(false);
 			fragment.appendChild(clone);
 
-			const subRange = new this.#window.Range();
+			const subRange = new window.Range();
 			subRange[PropertySymbol.start].node = lastPartiallyContainedChild;
 			subRange[PropertySymbol.start].offset = 0;
 			subRange[PropertySymbol.end].node = this[PropertySymbol.end].node;
@@ -802,13 +812,16 @@ export default class Range {
 				!this[PropertySymbol.start].node[PropertySymbol.parentNode]) ||
 			newNode === this[PropertySymbol.start].node
 		) {
-			throw new DOMException('Invalid start node.', DOMExceptionNameEnum.hierarchyRequestError);
+			throw new this[PropertySymbol.window].DOMException(
+				'Invalid start node.',
+				DOMExceptionNameEnum.hierarchyRequestError
+			);
 		}
 
 		let referenceNode =
 			this[PropertySymbol.start].node[PropertySymbol.nodeType] === NodeTypeEnum.textNode
 				? this[PropertySymbol.start].node
-				: (<Node>this[PropertySymbol.start].node)[PropertySymbol.childNodes][this.startOffset] ||
+				: (<Node>this[PropertySymbol.start].node)[PropertySymbol.nodeArray][this.startOffset] ||
 					null;
 		const parent = !referenceNode
 			? this[PropertySymbol.start].node
@@ -829,7 +842,7 @@ export default class Range {
 
 		let newOffset = !referenceNode
 			? NodeUtility.getNodeLength(parent)
-			: (<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(
+			: (<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(
 					referenceNode
 				);
 		newOffset +=
@@ -863,7 +876,7 @@ export default class Range {
 			return true;
 		}
 
-		const offset = (<Node>parent)[PropertySymbol.childNodes].indexOf(node);
+		const offset = (<Node>parent)[PropertySymbol.nodeArray].indexOf(node);
 
 		return (
 			RangeUtility.compareBoundaryPointsPosition(
@@ -885,13 +898,13 @@ export default class Range {
 	 */
 	public selectNode(node: Node): void {
 		if (!node[PropertySymbol.parentNode]) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				`The given Node has no parent.`,
 				DOMExceptionNameEnum.invalidNodeTypeError
 			);
 		}
 
-		const index = (<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node);
+		const index = (<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node);
 
 		this[PropertySymbol.start].node = node[PropertySymbol.parentNode];
 		this[PropertySymbol.start].offset = index;
@@ -907,7 +920,7 @@ export default class Range {
 	 */
 	public selectNodeContents(node: Node): void {
 		if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				"DocumentType Node can't be used as boundary point.",
 				DOMExceptionNameEnum.invalidNodeTypeError
 			);
@@ -981,14 +994,14 @@ export default class Range {
 	 */
 	public setEndAfter(node: Node): void {
 		if (!node[PropertySymbol.parentNode]) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				'The given Node has no parent.',
 				DOMExceptionNameEnum.invalidNodeTypeError
 			);
 		}
 		this.setEnd(
 			node[PropertySymbol.parentNode],
-			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node) + 1
+			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node) + 1
 		);
 	}
 
@@ -1000,14 +1013,14 @@ export default class Range {
 	 */
 	public setEndBefore(node: Node): void {
 		if (!node[PropertySymbol.parentNode]) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				'The given Node has no parent.',
 				DOMExceptionNameEnum.invalidNodeTypeError
 			);
 		}
 		this.setEnd(
 			node[PropertySymbol.parentNode],
-			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node)
+			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node)
 		);
 	}
 
@@ -1019,14 +1032,14 @@ export default class Range {
 	 */
 	public setStartAfter(node: Node): void {
 		if (!node[PropertySymbol.parentNode]) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				'The given Node has no parent.',
 				DOMExceptionNameEnum.invalidNodeTypeError
 			);
 		}
 		this.setStart(
 			node[PropertySymbol.parentNode],
-			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node) + 1
+			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node) + 1
 		);
 	}
 
@@ -1038,14 +1051,14 @@ export default class Range {
 	 */
 	public setStartBefore(node: Node): void {
 		if (!node[PropertySymbol.parentNode]) {
-			throw new DOMException(
+			throw new this[PropertySymbol.window].DOMException(
 				'The given Node has no parent.',
 				DOMExceptionNameEnum.invalidNodeTypeError
 			);
 		}
 		this.setStart(
 			node[PropertySymbol.parentNode],
-			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node)
+			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node)
 		);
 	}
 
@@ -1063,7 +1076,7 @@ export default class Range {
 				node[PropertySymbol.nodeType] !== NodeTypeEnum.textNode &&
 				RangeUtility.isPartiallyContained(node, this)
 			) {
-				throw new DOMException(
+				throw new this[PropertySymbol.window].DOMException(
 					'The Range has partially contains a non-Text node.',
 					DOMExceptionNameEnum.invalidStateError
 				);
@@ -1077,7 +1090,10 @@ export default class Range {
 			newParent[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode ||
 			newParent[PropertySymbol.nodeType] === NodeTypeEnum.documentFragmentNode
 		) {
-			throw new DOMException('Invalid element type.', DOMExceptionNameEnum.invalidNodeTypeError);
+			throw new this[PropertySymbol.window].DOMException(
+				'Invalid element type.',
+				DOMExceptionNameEnum.invalidNodeTypeError
+			);
 		}
 
 		const fragment = this.extractContents();

package/src/range/RangeUtility.ts

@@ -51,7 +51,7 @@ export default class RangeUtility {
 			}
 
 			if (
-				(<Node>child[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(child) <
+				(<Node>child[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(child) <
 				pointA.offset
 			) {
 				return 1;

package/src/selection/Selection.ts

@@ -1,6 +1,5 @@
 import Event from '../event/Event.js';
 import * as PropertySymbol from '../PropertySymbol.js';
-import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
 import Document from '../nodes/document/Document.js';
 import Node from '../nodes/node/Node.js';
@@ -171,7 +170,9 @@ export default class Selection {
 	 */
 	public addRange(newRange: Range): void {
 		if (!newRange) {
-			throw new Error('Failed to execute addRange on Selection. Parameter 1 is not of type Range.');
+			throw new this.#ownerDocument[PropertySymbol.window].TypeError(
+				'Failed to execute addRange on Selection. Parameter 1 is not of type Range.'
+			);
 		}
 		if (!this.#range && newRange[PropertySymbol.ownerDocument] === this.#ownerDocument) {
 			this.#associateRange(newRange);
@@ -187,7 +188,10 @@ export default class Selection {
 	 */
 	public getRangeAt(index: number): Range {
 		if (!this.#range || index !== 0) {
-			throw new DOMException('Invalid range index.', DOMExceptionNameEnum.indexSizeError);
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
+				'Invalid range index.',
+				DOMExceptionNameEnum.indexSizeError
+			);
 		}
 
 		return this.#range;
@@ -201,7 +205,10 @@ export default class Selection {
 	 */
 	public removeRange(range: Range): void {
 		if (this.#range !== range) {
-			throw new DOMException('Invalid range.', DOMExceptionNameEnum.notFoundError);
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
+				'Invalid range.',
+				DOMExceptionNameEnum.notFoundError
+			);
 		}
 		this.#associateRange(null);
 	}
@@ -236,21 +243,24 @@ export default class Selection {
 		}
 
 		if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode) {
-			throw new DOMException(
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
 				"DocumentType Node can't be used as boundary point.",
 				DOMExceptionNameEnum.invalidNodeTypeError
 			);
 		}
 
 		if (offset > NodeUtility.getNodeLength(node)) {
-			throw new DOMException('Invalid range index.', DOMExceptionNameEnum.indexSizeError);
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
+				'Invalid range index.',
+				DOMExceptionNameEnum.indexSizeError
+			);
 		}
 
 		if (node[PropertySymbol.ownerDocument] !== this.#ownerDocument) {
 			return;
 		}
 
-		const newRange = new this.#ownerDocument[PropertySymbol.ownerWindow].Range();
+		const newRange = new this.#ownerDocument[PropertySymbol.window].Range();
 
 		newRange[PropertySymbol.start].node = node;
 		newRange[PropertySymbol.start].offset = offset;
@@ -279,14 +289,14 @@ export default class Selection {
 	 */
 	public collapseToEnd(): void {
 		if (this.#range === null) {
-			throw new DOMException(
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
 				'There is no selection to collapse.',
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 
 		const { node, offset } = this.#range[PropertySymbol.end];
-		const newRange = new this.#ownerDocument[PropertySymbol.ownerWindow].Range();
+		const newRange = new this.#ownerDocument[PropertySymbol.window].Range();
 
 		newRange[PropertySymbol.start].node = node;
 		newRange[PropertySymbol.start].offset = offset;
@@ -303,14 +313,14 @@ export default class Selection {
 	 */
 	public collapseToStart(): void {
 		if (!this.#range) {
-			throw new DOMException(
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
 				'There is no selection to collapse.',
 				DOMExceptionNameEnum.invalidStateError
 			);
 		}
 
 		const { node, offset } = this.#range[PropertySymbol.start];
-		const newRange = new this.#ownerDocument[PropertySymbol.ownerWindow].Range();
+		const newRange = new this.#ownerDocument[PropertySymbol.window].Range();
 
 		newRange[PropertySymbol.start].node = node;
 		newRange[PropertySymbol.start].offset = offset;
@@ -373,7 +383,7 @@ export default class Selection {
 		}
 
 		if (!this.#range) {
-			throw new DOMException(
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
 				'There is no selection to extend.',
 				DOMExceptionNameEnum.invalidStateError
 			);
@@ -381,7 +391,7 @@ export default class Selection {
 
 		const anchorNode = this.anchorNode;
 		const anchorOffset = this.anchorOffset;
-		const newRange = new this.#ownerDocument[PropertySymbol.ownerWindow].Range();
+		const newRange = new this.#ownerDocument[PropertySymbol.window].Range();
 		newRange[PropertySymbol.start].node = node;
 		newRange[PropertySymbol.start].offset = 0;
 		newRange[PropertySymbol.end].node = node;
@@ -425,7 +435,7 @@ export default class Selection {
 	 */
 	public selectAllChildren(node: Node): void {
 		if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode) {
-			throw new DOMException(
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
 				"DocumentType Node can't be used as boundary point.",
 				DOMExceptionNameEnum.invalidNodeTypeError
 			);
@@ -435,8 +445,8 @@ export default class Selection {
 			return;
 		}
 
-		const length = node.childNodes.length;
-		const newRange = new this.#ownerDocument[PropertySymbol.ownerWindow].Range();
+		const length = node[PropertySymbol.nodeArray].length;
+		const newRange = new this.#ownerDocument[PropertySymbol.window].Range();
 
 		newRange[PropertySymbol.start].node = node;
 		newRange[PropertySymbol.start].offset = 0;
@@ -465,7 +475,7 @@ export default class Selection {
 			anchorOffset > NodeUtility.getNodeLength(anchorNode) ||
 			focusOffset > NodeUtility.getNodeLength(focusNode)
 		) {
-			throw new DOMException(
+			throw new this.#ownerDocument[PropertySymbol.window].DOMException(
 				'Invalid anchor or focus offset.',
 				DOMExceptionNameEnum.indexSizeError
 			);
@@ -480,7 +490,7 @@ export default class Selection {
 
 		const anchor = { node: anchorNode, offset: anchorOffset };
 		const focus = { node: focusNode, offset: focusOffset };
-		const newRange = new this.#ownerDocument[PropertySymbol.ownerWindow].Range();
+		const newRange = new this.#ownerDocument[PropertySymbol.window].Range();
 
 		if (RangeUtility.compareBoundaryPointsPosition(anchor, focus) === -1) {
 			newRange[PropertySymbol.start] = anchor;

package/src/storage/Storage.ts

@@ -1,3 +1,4 @@
+import ClassMethodBinder from '../ClassMethodBinder.js';
 import * as PropertySymbol from '../PropertySymbol.js';
 
 /**
@@ -8,6 +9,83 @@ import * as PropertySymbol from '../PropertySymbol.js';
 export default class Storage {
 	public [PropertySymbol.data]: { [key: string]: string } = {};
 
+	/**
+	 * Constructor.
+	 */
+	constructor() {
+		const data = this[PropertySymbol.data];
+
+		ClassMethodBinder.bindMethods(this, [Storage], {
+			bindSymbols: true,
+			forwardToPrototype: true
+		});
+
+		return new Proxy(this, {
+			get: (target, property) => {
+				if (property in target || typeof property === 'symbol') {
+					return target[property];
+				}
+				if (property in data) {
+					return data[property];
+				}
+			},
+			set(target, property, newValue): boolean {
+				if (property in target || typeof property === 'symbol') {
+					return true;
+				}
+
+				data[String(property)] = String(newValue);
+				return true;
+			},
+			deleteProperty(_target, property): boolean {
+				if (property in data) {
+					delete data[String(property)];
+					return true;
+				}
+				return false;
+			},
+			ownKeys(): string[] {
+				return Object.keys(data);
+			},
+			has(target, property): boolean {
+				if (property in target || property in data) {
+					return true;
+				}
+
+				return false;
+			},
+			defineProperty(target, property, descriptor): boolean {
+				if (property in target) {
+					Object.defineProperty(target, property, descriptor);
+					return true;
+				}
+
+				if (descriptor.value !== undefined) {
+					data[String(property)] = String(descriptor.value);
+					return true;
+				}
+
+				return false;
+			},
+			getOwnPropertyDescriptor(target, property): PropertyDescriptor {
+				if (property in target) {
+					return;
+				}
+
+				const value = data[String(property)];
+
+				if (value !== undefined) {
+					return {
+						value: value,
+						writable: true,
+						enumerable: true,
+						configurable: true
+					};
+				}
+			}
+		});
+	}
+
 	/**
 	 * Returns length.
 	 *
@@ -61,6 +139,9 @@ export default class Storage {
 	 * Clears storage.
 	 */
 	public clear(): void {
-		this[PropertySymbol.data] = {};
+		const data = this[PropertySymbol.data];
+		for (const key of Object.keys(data)) {
+			delete data[key];
+		}
 	}
 }

package/src/tree-walker/TreeWalker.ts

@@ -87,7 +87,7 @@ export default class TreeWalker {
 	 * @returns Current node.
 	 */
 	public firstChild(): Node {
-		const childNodes = this.currentNode ? (<Node>this.currentNode)[PropertySymbol.childNodes] : [];
+		const childNodes = this.currentNode ? (<Node>this.currentNode)[PropertySymbol.nodeArray] : [];
 
 		if (childNodes.length > 0) {
 			this.currentNode = childNodes[0];
@@ -108,7 +108,7 @@ export default class TreeWalker {
 	 * @returns Current node.
 	 */
 	public lastChild(): Node {
-		const childNodes = this.currentNode ? (<Node>this.currentNode)[PropertySymbol.childNodes] : [];
+		const childNodes = this.currentNode ? (<Node>this.currentNode)[PropertySymbol.nodeArray] : [];
 
 		if (childNodes.length > 0) {
 			this.currentNode = childNodes[childNodes.length - 1];
@@ -135,7 +135,7 @@ export default class TreeWalker {
 			this.currentNode[PropertySymbol.parentNode]
 		) {
 			const siblings = (<Node>this.currentNode[PropertySymbol.parentNode])[
-				PropertySymbol.childNodes
+				PropertySymbol.nodeArray
 			];
 			const index = siblings.indexOf(this.currentNode);
 
@@ -165,7 +165,7 @@ export default class TreeWalker {
 			this.currentNode[PropertySymbol.parentNode]
 		) {
 			const siblings = (<Node>this.currentNode[PropertySymbol.parentNode])[
-				PropertySymbol.childNodes
+				PropertySymbol.nodeArray
 			];
 			const index = siblings.indexOf(this.currentNode);
 

package/src/validity-state/ValidityState.ts

@@ -5,6 +5,8 @@ import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement.js';
 import HTMLSelectElement from '../nodes/html-select-element/HTMLSelectElement.js';
 import HTMLTextAreaElement from '../nodes/html-text-area-element/HTMLTextAreaElement.js';
 import ShadowRoot from '../nodes/shadow-root/ShadowRoot.js';
+import HTMLObjectElement from '../nodes/html-object-element/HTMLObjectElement.js';
+import HTMLOutputElement from '../nodes/html-output-element/HTMLOutputElement.js';
 
 const EMAIL_REGEXP =
 	/^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*$/;
@@ -20,7 +22,13 @@ const URL_REGEXP =
  * @see https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
  */
 export default class ValidityState {
-	private element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLButtonElement;
+	private element:
+		| HTMLInputElement
+		| HTMLTextAreaElement
+		| HTMLSelectElement
+		| HTMLButtonElement
+		| HTMLObjectElement
+		| HTMLOutputElement;
 
 	/**
 	 * Constructor.
@@ -28,7 +36,13 @@ export default class ValidityState {
 	 * @param element Input element.
 	 */
 	constructor(
-		element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLButtonElement
+		element:
+			| HTMLInputElement
+			| HTMLTextAreaElement
+			| HTMLSelectElement
+			| HTMLButtonElement
+			| HTMLObjectElement
+			| HTMLOutputElement
 	) {
 		this.element = element;
 	}
@@ -163,7 +177,11 @@ export default class ValidityState {
 	 * @returns "true" if valid.
 	 */
 	public get valueMissing(): boolean {
-		if (!(<HTMLInputElement>this.element).required) {
+		if (
+			!(<HTMLInputElement>this.element).required ||
+			this.element instanceof HTMLObjectElement ||
+			this.element instanceof HTMLOutputElement
+		) {
 			return false;
 		}
 		if (this.element instanceof HTMLInputElement) {