happy-dom 10.10.3 → 10.11.0

package/src/nodes/html-unknown-element/HTMLUnknownElement.ts

@@ -34,8 +34,8 @@ export default class HTMLUnknownElement extends HTMLElement implements IHTMLElem
 				const callback = (): void => {
 					if (this.parentNode) {
 						const newElement = <HTMLElement>this.ownerDocument.createElement(tagName);
-						(<INodeList<INode>>newElement.childNodes) = this.childNodes;
-						(<IHTMLCollection<IElement>>newElement.children) = this.children;
+						(<INodeList<INode>>newElement._childNodes) = this._childNodes;
+						(<IHTMLCollection<IElement>>newElement._children) = this._children;
 						(<boolean>newElement.isConnected) = this.isConnected;
 
 						newElement._rootNode = this._rootNode;
@@ -49,8 +49,8 @@ export default class HTMLUnknownElement extends HTMLElement implements IHTMLElem
 							newElement.attributes.setNamedItem(this.attributes[i]);
 						}
 
-						(<INodeList<INode>>this.childNodes) = new NodeList();
-						(<IHTMLCollection<IElement>>this.children) = new HTMLCollection();
+						(<INodeList<INode>>this._childNodes) = new NodeList();
+						(<IHTMLCollection<IElement>>this._children) = new HTMLCollection();
 						this._rootNode = null;
 						this._formNode = null;
 						this._selectNode = null;
@@ -59,17 +59,17 @@ export default class HTMLUnknownElement extends HTMLElement implements IHTMLElem
 						this._isValue = null;
 						(<HTMLElementNamedNodeMap>this.attributes) = new HTMLElementNamedNodeMap(this);
 
-						for (let i = 0, max = this.parentNode.childNodes.length; i < max; i++) {
-							if (this.parentNode.childNodes[i] === this) {
-								this.parentNode.childNodes[i] = newElement;
+						for (let i = 0, max = (<HTMLElement>this.parentNode)._childNodes.length; i < max; i++) {
+							if ((<HTMLElement>this.parentNode)._childNodes[i] === this) {
+								(<HTMLElement>this.parentNode)._childNodes[i] = newElement;
 								break;
 							}
 						}
 
-						if ((<IElement>this.parentNode).children) {
-							for (let i = 0, max = (<IElement>this.parentNode).children.length; i < max; i++) {
-								if ((<IElement>this.parentNode).children[i] === this) {
-									(<IElement>this.parentNode).children[i] = newElement;
+						if ((<HTMLElement>this.parentNode)._children) {
+							for (let i = 0, max = (<HTMLElement>this.parentNode)._children.length; i < max; i++) {
+								if ((<HTMLElement>this.parentNode)._children[i] === this) {
+									(<HTMLElement>this.parentNode)._children[i] = newElement;
 									break;
 								}
 							}

package/src/nodes/node/Node.ts

@@ -54,7 +54,6 @@ export default class Node extends EventTarget implements INode {
 	public readonly ownerDocument: IDocument = null;
 	public readonly parentNode: INode = null;
 	public readonly nodeType: number;
-	public readonly childNodes: INodeList<INode> = new NodeList<INode>();
 	public readonly isConnected: boolean = false;
 
 	// Custom Properties (not part of HTML standard)
@@ -63,6 +62,7 @@ export default class Node extends EventTarget implements INode {
 	public _selectNode: INode = null;
 	public _textAreaNode: INode = null;
 	public _observers: MutationListener[] = [];
+	public readonly _childNodes: INodeList<INode> = new NodeList<INode>();
 
 	/**
 	 * Constructor.
@@ -81,6 +81,15 @@ export default class Node extends EventTarget implements INode {
 		return this.constructor.name;
 	}
 
+	/**
+	 * Get child nodes.
+	 *
+	 * @returns Child nodes list.
+	 */
+	public get childNodes(): INodeList<INode> {
+		return this._childNodes;
+	}
+
 	/**
 	 * Get text value of children.
 	 *
@@ -133,9 +142,9 @@ export default class Node extends EventTarget implements INode {
 	 */
 	public get previousSibling(): INode {
 		if (this.parentNode) {
-			const index = this.parentNode.childNodes.indexOf(this);
+			const index = (<Node>this.parentNode)._childNodes.indexOf(this);
 			if (index > 0) {
-				return this.parentNode.childNodes[index - 1];
+				return (<Node>this.parentNode)._childNodes[index - 1];
 			}
 		}
 		return null;
@@ -148,9 +157,9 @@ export default class Node extends EventTarget implements INode {
 	 */
 	public get nextSibling(): INode {
 		if (this.parentNode) {
-			const index = this.parentNode.childNodes.indexOf(this);
-			if (index > -1 && index + 1 < this.parentNode.childNodes.length) {
-				return this.parentNode.childNodes[index + 1];
+			const index = (<Node>this.parentNode)._childNodes.indexOf(this);
+			if (index > -1 && index + 1 < (<Node>this.parentNode)._childNodes.length) {
+				return (<Node>this.parentNode)._childNodes[index + 1];
 			}
 		}
 		return null;
@@ -162,8 +171,8 @@ export default class Node extends EventTarget implements INode {
 	 * @returns Node.
 	 */
 	public get firstChild(): INode {
-		if (this.childNodes.length > 0) {
-			return this.childNodes[0];
+		if (this._childNodes.length > 0) {
+			return this._childNodes[0];
 		}
 		return null;
 	}
@@ -174,8 +183,8 @@ export default class Node extends EventTarget implements INode {
 	 * @returns Node.
 	 */
 	public get lastChild(): INode {
-		if (this.childNodes.length > 0) {
-			return this.childNodes[this.childNodes.length - 1];
+		if (this._childNodes.length > 0) {
+			return this._childNodes[this._childNodes.length - 1];
 		}
 		return null;
 	}
@@ -222,7 +231,7 @@ export default class Node extends EventTarget implements INode {
 	 * @returns "true" if the node has child nodes.
 	 */
 	public hasChildNodes(): boolean {
-		return this.childNodes.length > 0;
+		return this._childNodes.length > 0;
 	}
 
 	/**
@@ -264,17 +273,17 @@ export default class Node extends EventTarget implements INode {
 		const clone = new (<typeof Node>this.constructor)();
 
 		// Document has childNodes directly when it is created
-		if (clone.childNodes.length) {
-			for (const node of clone.childNodes.slice()) {
+		if (clone._childNodes.length) {
+			for (const node of clone._childNodes.slice()) {
 				node.parentNode.removeChild(node);
 			}
 		}
 
 		if (deep) {
-			for (const childNode of this.childNodes) {
+			for (const childNode of this._childNodes) {
 				const childClone = childNode.cloneNode(true);
 				(<Node>childClone.parentNode) = clone;
-				clone.childNodes.push(childClone);
+				clone._childNodes.push(childClone);
 			}
 		}
 
@@ -351,7 +360,7 @@ export default class Node extends EventTarget implements INode {
 	public _observe(listener: MutationListener): void {
 		this._observers.push(listener);
 		if (listener.options.subtree) {
-			for (const node of this.childNodes) {
+			for (const node of this._childNodes) {
 				(<Node>node)._observe(listener);
 			}
 		}
@@ -369,7 +378,7 @@ export default class Node extends EventTarget implements INode {
 			this._observers.splice(index, 1);
 		}
 		if (listener.options.subtree) {
-			for (const node of this.childNodes) {
+			for (const node of this._childNodes) {
 				(<Node>node)._unobserve(listener);
 			}
 		}
@@ -418,7 +427,7 @@ export default class Node extends EventTarget implements INode {
 				this.disconnectedCallback();
 			}
 
-			for (const child of this.childNodes) {
+			for (const child of this._childNodes) {
 				(<Node>child)._connectToNode(this);
 			}
 
@@ -432,7 +441,7 @@ export default class Node extends EventTarget implements INode {
 			selectNode !== this._selectNode ||
 			textAreaNode !== this._textAreaNode
 		) {
-			for (const child of this.childNodes) {
+			for (const child of this._childNodes) {
 				(<Node>child)._connectToNode(this);
 			}
 		}
@@ -584,7 +593,7 @@ export default class Node extends EventTarget implements INode {
 
 		const computeNodeIndexes = (nodes: INode[]): void => {
 			for (const childNode of nodes) {
-				computeNodeIndexes(childNode.childNodes);
+				computeNodeIndexes((<Node>childNode)._childNodes);
 
 				if (childNode === node2Node) {
 					node2Index = indexes;
@@ -600,7 +609,7 @@ export default class Node extends EventTarget implements INode {
 			}
 		};
 
-		computeNodeIndexes(commonAncestor.childNodes);
+		computeNodeIndexes((<Node>commonAncestor)._childNodes);
 
 		/**
 		 * 9. If node1 is preceding node2, then return DOCUMENT_POSITION_PRECEDING.

package/src/nodes/node/NodeUtility.ts

@@ -47,7 +47,7 @@ export default class NodeUtility {
 		// If the type is DocumentFragment, then the child nodes of if it should be moved instead of the actual node.
 		// See: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
 		if (node.nodeType === NodeTypeEnum.documentFragmentNode) {
-			for (const child of node.childNodes.slice()) {
+			for (const child of (<Node>node)._childNodes.slice()) {
 				ancestorNode.appendChild(child);
 			}
 			return node;
@@ -55,9 +55,9 @@ export default class NodeUtility {
 
 		// Remove the node from its previous parent if it has any.
 		if (node.parentNode) {
-			const index = node.parentNode.childNodes.indexOf(node);
+			const index = (<Node>node.parentNode)._childNodes.indexOf(node);
 			if (index !== -1) {
-				node.parentNode.childNodes.splice(index, 1);
+				(<Node>node.parentNode)._childNodes.splice(index, 1);
 			}
 		}
 
@@ -65,7 +65,7 @@ export default class NodeUtility {
 			(ancestorNode.ownerDocument || this)['_cacheID']++;
 		}
 
-		ancestorNode.childNodes.push(node);
+		(<Node>ancestorNode)._childNodes.push(node);
 
 		(<Node>node)._connectToNode(ancestorNode);
 
@@ -97,7 +97,7 @@ export default class NodeUtility {
 	 * @returns Removed node.
 	 */
 	public static removeChild(ancestorNode: INode, node: INode): INode {
-		const index = ancestorNode.childNodes.indexOf(node);
+		const index = (<Node>ancestorNode)._childNodes.indexOf(node);
 
 		if (index === -1) {
 			throw new DOMException('Failed to remove node. Node is not child of parent.');
@@ -107,7 +107,7 @@ export default class NodeUtility {
 			(ancestorNode.ownerDocument || this)['_cacheID']++;
 		}
 
-		ancestorNode.childNodes.splice(index, 1);
+		(<Node>ancestorNode)._childNodes.splice(index, 1);
 
 		(<Node>node)._connectToNode(null);
 
@@ -158,7 +158,7 @@ export default class NodeUtility {
 		// If the type is DocumentFragment, then the child nodes of if it should be moved instead of the actual node.
 		// See: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
 		if (newNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
-			for (const child of newNode.childNodes.slice()) {
+			for (const child of (<Node>newNode)._childNodes.slice()) {
 				ancestorNode.insertBefore(child, referenceNode);
 			}
 			return newNode;
@@ -171,7 +171,7 @@ export default class NodeUtility {
 			return newNode;
 		}
 
-		if (ancestorNode.childNodes.indexOf(referenceNode) === -1) {
+		if ((<Node>ancestorNode)._childNodes.indexOf(referenceNode) === -1) {
 			throw new DOMException(
 				"Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node."
 			);
@@ -182,13 +182,17 @@ export default class NodeUtility {
 		}
 
 		if (newNode.parentNode) {
-			const index = newNode.parentNode.childNodes.indexOf(newNode);
+			const index = (<Node>newNode.parentNode)._childNodes.indexOf(newNode);
 			if (index !== -1) {
-				newNode.parentNode.childNodes.splice(index, 1);
+				(<Node>newNode.parentNode)._childNodes.splice(index, 1);
 			}
 		}
 
-		ancestorNode.childNodes.splice(ancestorNode.childNodes.indexOf(referenceNode), 0, newNode);
+		(<Node>ancestorNode)._childNodes.splice(
+			(<Node>ancestorNode)._childNodes.indexOf(referenceNode),
+			0,
+			newNode
+		);
 
 		(<Node>newNode)._connectToNode(ancestorNode);
 
@@ -247,7 +251,7 @@ export default class NodeUtility {
 			return true;
 		}
 
-		if (!ancestorNode.childNodes.length) {
+		if (!(<Node>ancestorNode)._childNodes.length) {
 			return false;
 		}
 
@@ -330,7 +334,7 @@ export default class NodeUtility {
 				return (<IText | IComment>node).data.length;
 
 			default:
-				return node.childNodes.length;
+				return (<Node>node)._childNodes.length;
 		}
 	}
 
@@ -488,13 +492,13 @@ export default class NodeUtility {
 			return false;
 		}
 
-		if (nodeA.childNodes.length !== nodeB.childNodes.length) {
+		if ((<Node>nodeA)._childNodes.length !== (<Node>nodeB)._childNodes.length) {
 			return false;
 		}
 
-		for (let i = 0; i < nodeA.childNodes.length; i++) {
-			const childNodeA = nodeA.childNodes[i];
-			const childNodeB = nodeB.childNodes[i];
+		for (let i = 0; i < (<Node>nodeA)._childNodes.length; i++) {
+			const childNodeA = (<Node>nodeA)._childNodes[i];
+			const childNodeB = (<Node>nodeB)._childNodes[i];
 
 			if (!NodeUtility.isEqualNode(childNodeA, childNodeB)) {
 				return false;

package/src/nodes/parent-node/ParentNodeUtility.ts

@@ -5,6 +5,7 @@ import IElement from '../element/IElement.js';
 import IHTMLCollection from '../element/IHTMLCollection.js';
 import INode from '../node/INode.js';
 import HTMLCollection from '../element/HTMLCollection.js';
+import DocumentFragment from '../document-fragment/DocumentFragment.js';
 
 /**
  * Parent node utility.
@@ -42,10 +43,9 @@ export default class ParentNodeUtility {
 		const firstChild = parentNode.firstChild;
 		for (const node of nodes) {
 			if (typeof node === 'string') {
-				const newChildNodes = XMLParser.parse(
-					<IDocument>parentNode.ownerDocument,
-					node
-				).childNodes.slice();
+				const newChildNodes = (<DocumentFragment>(
+					XMLParser.parse(<IDocument>parentNode.ownerDocument, node)
+				))._childNodes.slice();
 				for (const newChildNode of newChildNodes) {
 					parentNode.insertBefore(newChildNode, firstChild);
 				}
@@ -65,7 +65,7 @@ export default class ParentNodeUtility {
 		parentNode: IElement | IDocument | IDocumentFragment,
 		...nodes: (string | INode)[]
 	): void {
-		for (const node of parentNode.childNodes.slice()) {
+		for (const node of (<DocumentFragment>parentNode)._childNodes.slice()) {
 			parentNode.removeChild(node);
 		}
 
@@ -84,7 +84,7 @@ export default class ParentNodeUtility {
 	): IHTMLCollection<IElement> {
 		let matches = new HTMLCollection<IElement>();
 
-		for (const child of parentNode.children) {
+		for (const child of (<DocumentFragment>parentNode)._children) {
 			if (child.className.split(' ').includes(className)) {
 				matches.push(child);
 			}
@@ -111,7 +111,7 @@ export default class ParentNodeUtility {
 		const includeAll = tagName === '*';
 		let matches = new HTMLCollection<IElement>();
 
-		for (const child of parentNode.children) {
+		for (const child of (<DocumentFragment>parentNode)._children) {
 			if (includeAll || child.tagName === upperTagName) {
 				matches.push(child);
 			}
@@ -140,7 +140,7 @@ export default class ParentNodeUtility {
 		const includeAll = tagName === '*';
 		let matches = new HTMLCollection<IElement>();
 
-		for (const child of parentNode.children) {
+		for (const child of (<DocumentFragment>parentNode)._children) {
 			if ((includeAll || child.tagName === upperTagName) && child.namespaceURI === namespaceURI) {
 				matches.push(child);
 			}
@@ -166,7 +166,7 @@ export default class ParentNodeUtility {
 	): IElement {
 		const upperTagName = tagName.toUpperCase();
 
-		for (const child of parentNode.children) {
+		for (const child of (<DocumentFragment>parentNode)._children) {
 			if (child.tagName === upperTagName) {
 				return <IElement>child;
 			}
@@ -191,7 +191,7 @@ export default class ParentNodeUtility {
 		id: string
 	): IElement {
 		id = String(id);
-		for (const child of parentNode.children) {
+		for (const child of (<DocumentFragment>parentNode)._children) {
 			if (child.id === id) {
 				return <IElement>child;
 			}

package/src/nodes/shadow-root/ShadowRoot.ts

@@ -28,7 +28,7 @@ export default class ShadowRoot extends DocumentFragment implements IShadowRoot
 			escapeEntities: false
 		});
 		let xml = '';
-		for (const node of this.childNodes) {
+		for (const node of this._childNodes) {
 			xml += xmlSerializer.serializeToString(node);
 		}
 		return xml;
@@ -40,7 +40,7 @@ export default class ShadowRoot extends DocumentFragment implements IShadowRoot
 	 * @param html HTML.
 	 */
 	public set innerHTML(html: string) {
-		for (const child of this.childNodes.slice()) {
+		for (const child of this._childNodes.slice()) {
 			this.removeChild(child);
 		}
 

package/src/query-selector/QuerySelector.ts

@@ -8,6 +8,7 @@ import IDocument from '../nodes/document/IDocument.js';
 import IDocumentFragment from '../nodes/document-fragment/IDocumentFragment.js';
 import SelectorParser from './SelectorParser.js';
 import ISelectorMatch from './ISelectorMatch.js';
+import Element from '../nodes/element/Element.js';
 
 type IDocumentPositionAndElement = {
 	documentPosition: string;
@@ -48,7 +49,7 @@ export default class QuerySelector {
 			matches = matches.concat(
 				node.nodeType === NodeTypeEnum.elementNode
 					? this.findAll(<IElement>node, [<IElement>node], items)
-					: this.findAll(null, node.children, items)
+					: this.findAll(null, (<Element>node)._children, items)
 			);
 		}
 
@@ -92,7 +93,7 @@ export default class QuerySelector {
 			const match =
 				node.nodeType === NodeTypeEnum.elementNode
 					? this.findFirst(<IElement>node, [<IElement>node], items)
-					: this.findFirst(null, node.children, items);
+					: this.findFirst(null, (<Element>node)._children, items);
 
 			if (match) {
 				return match;
@@ -248,16 +249,24 @@ export default class QuerySelector {
 						case SelectorCombinatorEnum.descendant:
 						case SelectorCombinatorEnum.child:
 							matched = matched.concat(
-								this.findAll(rootElement, child.children, selectorItems.slice(1), position)
+								this.findAll(
+									rootElement,
+									(<Element>child)._children,
+									selectorItems.slice(1),
+									position
+								)
 							);
 							break;
 					}
 				}
 			}
 
-			if (selectorItem.combinator === SelectorCombinatorEnum.descendant && child.children.length) {
+			if (
+				selectorItem.combinator === SelectorCombinatorEnum.descendant &&
+				(<Element>child)._children.length
+			) {
 				matched = matched.concat(
-					this.findAll(rootElement, child.children, selectorItems, position)
+					this.findAll(rootElement, (<Element>child)._children, selectorItems, position)
 				);
 			}
 		}
@@ -303,7 +312,11 @@ export default class QuerySelector {
 							break;
 						case SelectorCombinatorEnum.descendant:
 						case SelectorCombinatorEnum.child:
-							const match = this.findFirst(rootElement, child.children, selectorItems.slice(1));
+							const match = this.findFirst(
+								rootElement,
+								(<Element>child)._children,
+								selectorItems.slice(1)
+							);
 							if (match) {
 								return match;
 							}
@@ -312,8 +325,11 @@ export default class QuerySelector {
 				}
 			}
 
-			if (selectorItem.combinator === SelectorCombinatorEnum.descendant && child.children.length) {
-				const match = this.findFirst(rootElement, child.children, selectorItems);
+			if (
+				selectorItem.combinator === SelectorCombinatorEnum.descendant &&
+				(<Element>child)._children.length
+			) {
+				const match = this.findFirst(rootElement, (<Element>child)._children, selectorItems);
 
 				if (match) {
 					return match;

package/src/query-selector/SelectorItem.ts

@@ -112,6 +112,7 @@ export default class SelectorItem {
 	 */
 	private matchPsuedo(element: IElement): boolean {
 		const parent = <IElement>element.parentNode;
+		const parentChildren = element.parentNode ? (<Element>element.parentNode)._children : [];
 
 		if (!this.pseudos) {
 			return true;
@@ -150,21 +151,21 @@ export default class SelectorItem {
 
 			switch (psuedo.name) {
 				case 'first-child':
-					return parent.children[0] === element;
+					return parentChildren[0] === element;
 				case 'last-child':
-					return parent.children.length && parent.children[parent.children.length - 1] === element;
+					return parentChildren.length && parentChildren[parentChildren.length - 1] === element;
 				case 'only-child':
-					return parent.children.length === 1 && parent.children[0] === element;
+					return parentChildren.length === 1 && parentChildren[0] === element;
 				case 'first-of-type':
-					for (const child of parent.children) {
+					for (const child of parentChildren) {
 						if (child.tagName === element.tagName) {
 							return child === element;
 						}
 					}
 					return false;
 				case 'last-of-type':
-					for (let i = parent.children.length - 1; i >= 0; i--) {
-						const child = parent.children[i];
+					for (let i = parentChildren.length - 1; i >= 0; i--) {
+						const child = parentChildren[i];
 						if (child.tagName === element.tagName) {
 							return child === element;
 						}
@@ -172,7 +173,7 @@ export default class SelectorItem {
 					return false;
 				case 'only-of-type':
 					let isFound = false;
-					for (const child of parent.children) {
+					for (const child of parentChildren) {
 						if (child.tagName === element.tagName) {
 							if (isFound || child !== element) {
 								return false;
@@ -184,34 +185,34 @@ export default class SelectorItem {
 				case 'checked':
 					return element.tagName === 'INPUT' && (<IHTMLInputElement>element).checked;
 				case 'empty':
-					return !element.children.length;
+					return !(<Element>element)._children.length;
 				case 'root':
 					return element.tagName === 'HTML';
 				case 'not':
 					return !psuedo.selectorItem.match(element);
 				case 'nth-child':
 					const nthChildIndex = psuedo.selectorItem
-						? parent.children.filter((child) => psuedo.selectorItem.match(child)).indexOf(element)
-						: parent.children.indexOf(element);
+						? parentChildren.filter((child) => psuedo.selectorItem.match(child)).indexOf(element)
+						: parentChildren.indexOf(element);
 					return nthChildIndex !== -1 && psuedo.nthFunction(nthChildIndex + 1);
 				case 'nth-of-type':
 					if (!element.parentNode) {
 						return false;
 					}
-					const nthOfTypeIndex = parent.children
+					const nthOfTypeIndex = parentChildren
 						.filter((child) => child.tagName === element.tagName)
 						.indexOf(element);
 					return nthOfTypeIndex !== -1 && psuedo.nthFunction(nthOfTypeIndex + 1);
 				case 'nth-last-child':
 					const nthLastChildIndex = psuedo.selectorItem
-						? parent.children
+						? parentChildren
 								.filter((child) => psuedo.selectorItem.match(child))
 								.reverse()
 								.indexOf(element)
-						: parent.children.reverse().indexOf(element);
+						: parentChildren.reverse().indexOf(element);
 					return nthLastChildIndex !== -1 && psuedo.nthFunction(nthLastChildIndex + 1);
 				case 'nth-last-of-type':
-					const nthLastOfTypeIndex = parent.children
+					const nthLastOfTypeIndex = parentChildren
 						.filter((child) => child.tagName === element.tagName)
 						.reverse()
 						.indexOf(element);