happy-dom 6.0.4 → 7.0.1

package/src/match-media/MediaQueryList.ts

@@ -1,5 +1,11 @@
 import EventTarget from '../event/EventTarget';
 import Event from '../event/Event';
+import IWindow from '../window/IWindow';
+import IEventListener from '../event/IEventListener';
+import MediaQueryListEvent from '../event/events/MediaQueryListEvent';
+
+const MEDIA_REGEXP =
+	/min-width: *([0-9]+) *px|max-width: *([0-9]+) *px|min-height: *([0-9]+) *px|max-height: *([0-9]+) *px/;
 
 /**
  * Media Query List.
@@ -8,26 +14,41 @@ import Event from '../event/Event';
  * https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList.
  */
 export default class MediaQueryList extends EventTarget {
-	public _matches = false;
-	public _media = '';
+	public readonly media: string = '';
 	public onchange: (event: Event) => void = null;
+	private _ownerWindow: IWindow;
 
 	/**
-	 * Returns "true" if the document matches.
+	 * Constructor.
 	 *
-	 * @returns Matches.
+	 * @param ownerWindow Window.
+	 * @param media Media.
 	 */
-	public get matches(): boolean {
-		return this._matches;
+	constructor(ownerWindow: IWindow, media: string) {
+		super();
+		this._ownerWindow = ownerWindow;
+		this.media = media;
 	}
 
 	/**
-	 * Returns the serialized media query.
+	 * Returns "true" if the document matches.
 	 *
-	 * @returns Serialized media query.
+	 * @returns Matches.
 	 */
-	public get media(): string {
-		return this._media;
+	public get matches(): boolean {
+		const match = MEDIA_REGEXP.exec(this.media);
+		if (match) {
+			if (match[1]) {
+				return this._ownerWindow.innerWidth >= parseInt(match[1]);
+			} else if (match[2]) {
+				return this._ownerWindow.innerWidth <= parseInt(match[2]);
+			} else if (match[3]) {
+				return this._ownerWindow.innerHeight >= parseInt(match[3]);
+			} else if (match[4]) {
+				return this._ownerWindow.innerHeight <= parseInt(match[4]);
+			}
+		}
+		return false;
 	}
 
 	/**
@@ -49,4 +70,36 @@ export default class MediaQueryList extends EventTarget {
 	public removeListener(callback: (event: Event) => void): void {
 		this.removeEventListener('change', callback);
 	}
+
+	/**
+	 * @override
+	 */
+	public addEventListener(type: string, listener: IEventListener | ((event: Event) => void)): void {
+		super.addEventListener(type, listener);
+		if (type === 'change') {
+			let matchesState = false;
+			const resizeListener = (): void => {
+				const matches = this.matches;
+				if (matches !== matchesState) {
+					matchesState = matches;
+					this.dispatchEvent(new MediaQueryListEvent('change', { matches, media: this.media }));
+				}
+			};
+			listener['_windowResizeListener'] = resizeListener;
+			this._ownerWindow.addEventListener('resize', resizeListener);
+		}
+	}
+
+	/**
+	 * @override
+	 */
+	public removeEventListener(
+		type: string,
+		listener: IEventListener | ((event: Event) => void)
+	): void {
+		super.removeEventListener(type, listener);
+		if (type === 'change' && listener['_windowResizeListener']) {
+			this._ownerWindow.removeEventListener('resize', listener['_windowResizeListener']);
+		}
+	}
 }

package/src/{attribute → nodes/attr}/Attr.ts

@@ -1,12 +1,13 @@
-import IDocument from '../nodes/document/IDocument';
-import IElement from '../nodes/element/IElement';
+import IElement from '../element/IElement';
+import Node from '../node/Node';
+import IAttr from './IAttr';
 
 /**
  * Attribute node interface.
  *
  * Reference: https://developer.mozilla.org/en-US/docs/Web/API/Attr.
  */
-export default class Attr {
+export default class Attr extends Node implements IAttr {
 	public value: string = null;
 	public name: string = null;
 	public namespaceURI: string = null;
@@ -16,11 +17,6 @@ export default class Attr {
 	 */
 	public readonly ownerElement: IElement = null;
 
-	/**
-	 * @deprecated
-	 */
-	public readonly ownerDocument: IDocument = null;
-
 	/**
 	 * @deprecated
 	 */
@@ -43,4 +39,11 @@ export default class Attr {
 	public get prefix(): string {
 		return this.name ? this.name.split(':')[0] : null;
 	}
+
+	/**
+	 * @override
+	 */
+	public get textContent(): string {
+		return this.value;
+	}
 }

package/src/nodes/attr/IAttr.ts

@@ -0,0 +1,15 @@
+import IElement from '../element/IElement';
+import INode from './../node/INode';
+
+/**
+ * Attr.
+ */
+export default interface IAttr extends INode {
+	value: string;
+	name: string;
+	namespaceURI: string;
+	readonly ownerElement: IElement;
+	readonly specified: boolean;
+	readonly localName: string;
+	readonly prefix: string;
+}

package/src/nodes/child-node/ChildNodeUtility.ts

@@ -1,3 +1,4 @@
+import DOMException from '../../exception/DOMException';
 import XMLParser from '../../xml-parser/XMLParser';
 import Document from '../document/Document';
 import INode from '../node/INode';
@@ -29,7 +30,7 @@ export default class ChildNodeUtility {
 		const parent = <IParentNode>childNode.parentNode;
 
 		if (!parent) {
-			return;
+			throw new DOMException('This element has no parent node.');
 		}
 
 		for (const node of nodes) {

package/src/nodes/document/Document.ts

@@ -11,7 +11,7 @@ import Event from '../../event/Event';
 import DOMImplementation from '../../dom-implementation/DOMImplementation';
 import ElementTag from '../../config/ElementTag';
 import INodeFilter from '../../tree-walker/INodeFilter';
-import Attr from '../../attribute/Attr';
+import Attr from '../attr/Attr';
 import NamespaceURI from '../../config/NamespaceURI';
 import DocumentType from '../document-type/DocumentType';
 import ParentNodeUtility from '../parent-node/ParentNodeUtility';
@@ -40,6 +40,7 @@ import Selection from '../../selection/Selection';
 import IShadowRoot from '../shadow-root/IShadowRoot';
 import Range from '../../range/Range';
 import IHTMLBaseElement from '../html-base-element/IHTMLBaseElement';
+import IAttr from '../attr/IAttr';
 
 /**
  * Document.
@@ -716,14 +717,11 @@ export default class Document extends Node implements IDocument {
 	/**
 	 * Creates an Attr node.
 	 *
-	 * @param name Name.
+	 * @param qualifiedName Name.
 	 * @returns Attribute.
 	 */
-	public createAttribute(name: string): Attr {
-		const attribute = new Attr();
-		attribute.name = name.toLowerCase();
-		(<IDocument>attribute.ownerDocument) = this;
-		return attribute;
+	public createAttribute(qualifiedName: string): IAttr {
+		return this.createAttributeNS(null, qualifiedName.toLowerCase());
 	}
 
 	/**
@@ -733,12 +731,12 @@ export default class Document extends Node implements IDocument {
 	 * @param qualifiedName Qualified name.
 	 * @returns Element.
 	 */
-	public createAttributeNS(namespaceURI: string, qualifiedName: string): Attr {
+	public createAttributeNS(namespaceURI: string, qualifiedName: string): IAttr {
+		Attr._ownerDocument = this;
 		const attribute = new Attr();
 		attribute.namespaceURI = namespaceURI;
 		attribute.name = qualifiedName;
-		(<IDocument>attribute.ownerDocument) = this;
-		return attribute;
+		return <IAttr>attribute;
 	}
 
 	/**

package/src/nodes/document/IDocument.ts

@@ -5,7 +5,7 @@ import TreeWalker from '../../tree-walker/TreeWalker';
 import Event from '../../event/Event';
 import DOMImplementation from '../../dom-implementation/DOMImplementation';
 import INodeFilter from '../../tree-walker/INodeFilter';
-import Attr from '../../attribute/Attr';
+import IAttr from '../attr/IAttr';
 import IDocumentType from '../document-type/IDocumentType';
 import IParentNode from '../parent-node/IParentNode';
 import INode from '../node/INode';
@@ -125,7 +125,7 @@ export default interface IDocument extends IParentNode {
 	 * @param name Name.
 	 * @returns Attribute.
 	 */
-	createAttribute(name: string): Attr;
+	createAttribute(name: string): IAttr;
 
 	/**
 	 * Creates a namespaced Attr node.
@@ -134,7 +134,7 @@ export default interface IDocument extends IParentNode {
 	 * @param qualifiedName Qualified name.
 	 * @returns Element.
 	 */
-	createAttributeNS(namespaceURI: string, qualifiedName: string): Attr;
+	createAttributeNS(namespaceURI: string, qualifiedName: string): IAttr;
 
 	/**
 	 * Imports a node.

package/src/nodes/element/Element.ts

@@ -1,6 +1,6 @@
 import Node from '../node/Node';
 import ShadowRoot from '../shadow-root/ShadowRoot';
-import Attr from '../../attribute/Attr';
+import Attr from '../attr/Attr';
 import DOMRect from './DOMRect';
 import DOMTokenList from '../../dom-token-list/DOMTokenList';
 import IDOMTokenList from '../../dom-token-list/IDOMTokenList';
@@ -26,6 +26,7 @@ import { TInsertAdjacentPositions } from './IElement';
 import IText from '../text/IText';
 import IDOMRectList from './IDOMRectList';
 import DOMRectListFactory from './DOMRectListFactory';
+import IAttr from '../attr/IAttr';
 
 /**
  * Element.
@@ -46,7 +47,7 @@ export default class Element extends Node implements IElement {
 
 	// Used for being able to access closed shadow roots
 	public _shadowRoot: IShadowRoot = null;
-	public _attributes: { [k: string]: Attr } = {};
+	public _attributes: { [k: string]: IAttr } = {};
 
 	private _classList: DOMTokenList = null;
 	public _isValue?: string;
@@ -211,7 +212,7 @@ export default class Element extends Node implements IElement {
 	 *
 	 * @returns Attributes.
 	 */
-	public get attributes(): { [k: string]: Attr | number } {
+	public get attributes(): { [k: string | number]: IAttr } & { length: number } {
 		const attributes = Object.values(this._attributes);
 		return Object.assign({}, this._attributes, attributes, {
 			length: attributes.length
@@ -302,6 +303,8 @@ export default class Element extends Node implements IElement {
 	public cloneNode(deep = false): IElement {
 		const clone = <Element | IElement>super.cloneNode(deep);
 
+		Attr._ownerDocument = this.ownerDocument;
+
 		for (const key of Object.keys(this._attributes)) {
 			const attr = Object.assign(new Attr(), this._attributes[key]);
 			(<IElement>attr.ownerElement) = clone;
@@ -802,13 +805,13 @@ export default class Element extends Node implements IElement {
 	 * @param attribute Attribute.
 	 * @returns Replaced attribute.
 	 */
-	public setAttributeNode(attribute: Attr): Attr {
+	public setAttributeNode(attribute: IAttr): IAttr {
 		const name = this._getAttributeName(attribute.name);
 		const replacedAttribute = this._attributes[name];
 		const oldValue = replacedAttribute ? replacedAttribute.value : null;
 
 		attribute.name = name;
-		(<IElement>attribute.ownerElement) = this;
+		(<IElement>attribute.ownerElement) = <IElement>this;
 		(<IDocument>attribute.ownerDocument) = this.ownerDocument;
 
 		this._attributes[name] = attribute;
@@ -849,7 +852,7 @@ export default class Element extends Node implements IElement {
 	 * @param attribute Attribute.
 	 * @returns Replaced attribute.
 	 */
-	public setAttributeNodeNS(attribute: Attr): Attr {
+	public setAttributeNodeNS(attribute: IAttr): IAttr {
 		return this.setAttributeNode(attribute);
 	}
 
@@ -859,7 +862,7 @@ export default class Element extends Node implements IElement {
 	 * @param name Name.
 	 * @returns Replaced attribute.
 	 */
-	public getAttributeNode(name: string): Attr {
+	public getAttributeNode(name: string): IAttr {
 		return this._attributes[this._getAttributeName(name)] || null;
 	}
 
@@ -870,7 +873,7 @@ export default class Element extends Node implements IElement {
 	 * @param name Name.
 	 * @returns Replaced attribute.
 	 */
-	public getAttributeNodeNS(namespace: string, name: string): Attr {
+	public getAttributeNodeNS(namespace: string, name: string): IAttr {
 		const attributeName = this._getAttributeName(name);
 		if (
 			this._attributes[attributeName] &&
@@ -893,7 +896,7 @@ export default class Element extends Node implements IElement {
 	 *
 	 * @param attribute Attribute.
 	 */
-	public removeAttributeNode(attribute: Attr): void {
+	public removeAttributeNode(attribute: IAttr): void {
 		delete this._attributes[attribute.name];
 
 		this._updateDomListIndices();
@@ -930,7 +933,7 @@ export default class Element extends Node implements IElement {
 	 *
 	 * @param attribute Attribute.
 	 */
-	public removeAttributeNodeNS(attribute: Attr): void {
+	public removeAttributeNodeNS(attribute: IAttr): void {
 		this.removeAttributeNode(attribute);
 	}
 

package/src/nodes/element/IElement.ts

@@ -1,5 +1,5 @@
 import IShadowRoot from '../shadow-root/IShadowRoot';
-import Attr from '../../attribute/Attr';
+import IAttr from '../attr/IAttr';
 import DOMRect from './DOMRect';
 import IDOMTokenList from '../../dom-token-list/IDOMTokenList';
 import INode from './../node/INode';
@@ -27,7 +27,7 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	slot: string;
 	readonly nodeName: string;
 	readonly localName: string;
-	readonly attributes: { [k: string]: Attr | number };
+	readonly attributes: { [k: string | number]: IAttr } & { length: number };
 
 	/**
 	 * Attribute changed callback.
@@ -190,7 +190,7 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	 * @param attribute Attribute.
 	 * @returns Replaced attribute.
 	 */
-	setAttributeNode(attribute: Attr): Attr;
+	setAttributeNode(attribute: IAttr): IAttr;
 
 	/**
 	 * The setAttributeNodeNS() method adds a new Attr node to the specified element.
@@ -198,7 +198,7 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	 * @param attribute Attribute.
 	 * @returns Replaced attribute.
 	 */
-	setAttributeNodeNS(attribute: Attr): Attr;
+	setAttributeNodeNS(attribute: IAttr): IAttr;
 
 	/**
 	 * Returns an Attr node.
@@ -206,7 +206,7 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	 * @param name Name.
 	 * @returns Replaced attribute.
 	 */
-	getAttributeNode(name: string): Attr;
+	getAttributeNode(name: string): IAttr;
 
 	/**
 	 * Returns a namespaced Attr node.
@@ -215,21 +215,21 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	 * @param nodeName Node name.
 	 * @returns Replaced attribute.
 	 */
-	getAttributeNodeNS(namespace: string, nodeName: string): Attr;
+	getAttributeNodeNS(namespace: string, nodeName: string): IAttr;
 
 	/**
 	 * Removes an Attr node.
 	 *
 	 * @param attribute Attribute.
 	 */
-	removeAttributeNode(attribute: Attr): void;
+	removeAttributeNode(attribute: IAttr): void;
 
 	/**
 	 * Removes an Attr node.
 	 *
 	 * @param attribute Attribute.
 	 */
-	removeAttributeNodeNS(attribute: Attr): void;
+	removeAttributeNodeNS(attribute: IAttr): void;
 
 	/**
 	 * Clones a node.

package/src/nodes/html-element/HTMLElement.ts

@@ -1,11 +1,12 @@
 import Element from '../element/Element';
 import IHTMLElement from './IHTMLElement';
-import CSSStyleDeclaration from '../../css/CSSStyleDeclaration';
-import Attr from '../../attribute/Attr';
+import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration';
+import IAttr from '../attr/IAttr';
 import FocusEvent from '../../event/events/FocusEvent';
 import PointerEvent from '../../event/events/PointerEvent';
-import Node from '../node/Node';
 import DatasetUtility from './DatasetUtility';
+import NodeTypeEnum from '../node/NodeTypeEnum';
+import DOMException from '../../exception/DOMException';
 
 /**
  * HTML Element.
@@ -54,32 +55,109 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	/**
 	 * Returns inner text, which is the rendered appearance of text.
 	 *
+	 * @see https://html.spec.whatwg.org/multipage/dom.html#the-innertext-idl-attribute
 	 * @returns Inner text.
 	 */
 	public get innerText(): string {
+		if (!this.isConnected) {
+			return this.textContent;
+		}
+
 		let result = '';
+
 		for (const childNode of this.childNodes) {
-			if (childNode instanceof HTMLElement) {
-				if (childNode.tagName !== 'SCRIPT' && childNode.tagName !== 'STYLE') {
-					result += childNode.innerText;
+			if (childNode.nodeType === NodeTypeEnum.elementNode) {
+				const childElement = <IHTMLElement>childNode;
+				const computedStyle = this.ownerDocument.defaultView.getComputedStyle(childElement);
+
+				if (childElement.tagName !== 'SCRIPT' && childElement.tagName !== 'STYLE') {
+					const display = computedStyle.display;
+					if (display !== 'none') {
+						const textTransform = computedStyle.textTransform;
+
+						if ((display === 'block' || display === 'flex') && result) {
+							result += '\n';
+						}
+
+						let text = childElement.innerText;
+
+						switch (textTransform) {
+							case 'uppercase':
+								text = text.toUpperCase();
+								break;
+							case 'lowercase':
+								text = text.toLowerCase();
+								break;
+							case 'capitalize':
+								text = text.replace(/(^|\s)\S/g, (l) => l.toUpperCase());
+								break;
+						}
+
+						result += text;
+					}
 				}
-			} else if (
-				childNode.nodeType === Node.ELEMENT_NODE ||
-				childNode.nodeType === Node.TEXT_NODE
-			) {
-				result += childNode.textContent;
+			} else if (childNode.nodeType === NodeTypeEnum.textNode) {
+				result += childNode.textContent.replace(/[\n\r]/, '');
 			}
 		}
+
 		return result;
 	}
 
 	/**
 	 * Sets the inner text, which is the rendered appearance of text.
 	 *
+	 * @see https://html.spec.whatwg.org/multipage/dom.html#the-innertext-idl-attribute
 	 * @param innerText Inner text.
 	 */
-	public set innerText(innerText: string) {
-		this.textContent = innerText;
+	public set innerText(text: string) {
+		for (const child of this.childNodes.slice()) {
+			this.removeChild(child);
+		}
+
+		const texts = text.split(/[\n\r]/);
+
+		for (let i = 0, max = texts.length; i < max; i++) {
+			if (i !== 0) {
+				this.appendChild(this.ownerDocument.createElement('br'));
+			}
+			this.appendChild(this.ownerDocument.createTextNode(texts[i]));
+		}
+	}
+
+	/**
+	 * Returns outer text.
+	 *
+	 * @see https://html.spec.whatwg.org/multipage/dom.html#the-innertext-idl-attribute
+	 * @returns HTML.
+	 */
+	public get outerText(): string {
+		return this.innerText;
+	}
+
+	/**
+	 * Sets outer text.
+	 *
+	 * @see https://html.spec.whatwg.org/multipage/dom.html#the-innertext-idl-attribute
+	 * @param text Text.
+	 */
+	public set outerText(text: string) {
+		if (!this.parentNode) {
+			throw new DOMException(
+				"Failed to set the 'outerHTML' property on 'Element': This element has no parent node."
+			);
+		}
+
+		const texts = text.split(/[\n\r]/);
+
+		for (let i = 0, max = texts.length; i < max; i++) {
+			if (i !== 0) {
+				this.parentNode.insertBefore(this.ownerDocument.createElement('br'), this);
+			}
+			this.parentNode.insertBefore(this.ownerDocument.createTextNode(texts[i]), this);
+		}
+
+		this.parentNode.removeChild(this);
 	}
 
 	/**
@@ -89,7 +167,7 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	 */
 	public get style(): CSSStyleDeclaration {
 		if (!this._style) {
-			this._style = new CSSStyleDeclaration(this._attributes);
+			this._style = new CSSStyleDeclaration(this);
 		}
 		return this._style;
 	}
@@ -311,7 +389,7 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	 * @param attribute Attribute.
 	 * @returns Replaced attribute.
 	 */
-	public setAttributeNode(attribute: Attr): Attr {
+	public setAttributeNode(attribute: IAttr): IAttr {
 		const replacedAttribute = super.setAttributeNode(attribute);
 
 		if (attribute.name === 'style' && this._style) {
@@ -327,7 +405,7 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	 * @override
 	 * @param attribute Attribute.
 	 */
-	public removeAttributeNode(attribute: Attr): void {
+	public removeAttributeNode(attribute: IAttr): void {
 		super.removeAttributeNode(attribute);
 
 		if (attribute.name === 'style' && this._style) {

package/src/nodes/html-element/IHTMLElement.ts

@@ -1,4 +1,4 @@
-import CSSStyleDeclaration from '../../css/CSSStyleDeclaration';
+import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration';
 import IElement from '../element/IElement';
 
 /**
@@ -9,6 +9,7 @@ import IElement from '../element/IElement';
  */
 export default interface IHTMLElement extends IElement {
 	style: CSSStyleDeclaration;
+	dataset: { [key: string]: string };
 	tabIndex: number;
 	offsetHeight: number;
 	offsetWidth: number;
@@ -17,6 +18,7 @@ export default interface IHTMLElement extends IElement {
 	clientHeight: number;
 	clientWidth: number;
 	innerText: string;
+	outerText: string;
 
 	/**
 	 * Triggers a click event.

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

@@ -1,4 +1,4 @@
-import Attr from '../../attribute/Attr';
+import IAttr from '../attr/IAttr';
 import CSSStyleSheet from '../../css/CSSStyleSheet';
 import ResourceFetchHandler from '../../fetch/ResourceFetchHandler';
 import HTMLElement from '../html-element/HTMLElement';
@@ -186,7 +186,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param attribute Attribute.
 	 * @returns Replaced attribute.
 	 */
-	public setAttributeNode(attribute: Attr): Attr {
+	public setAttributeNode(attribute: IAttr): IAttr {
 		const replacedAttribute = super.setAttributeNode(attribute);
 		const rel = this.getAttributeNS(null, 'rel');
 		const href = this.getAttributeNS(null, 'href');

package/src/nodes/html-script-element/HTMLScriptElement.ts

@@ -1,4 +1,4 @@
-import Attr from '../../attribute/Attr';
+import IAttr from '../attr/IAttr';
 import HTMLElement from '../html-element/HTMLElement';
 import IHTMLScriptElement from './IHTMLScriptElement';
 import ScriptUtility from './ScriptUtility';
@@ -158,7 +158,7 @@ export default class HTMLScriptElement extends HTMLElement implements IHTMLScrip
 	 * @param attribute Attribute.
 	 * @returns Replaced attribute.
 	 */
-	public setAttributeNode(attribute: Attr): Attr {
+	public setAttributeNode(attribute: IAttr): IAttr {
 		const replacedAttribute = super.setAttributeNode(attribute);
 
 		if (attribute.name === 'src' && attribute.value !== null && this.isConnected) {

package/src/nodes/html-select-element/HTMLSelectElement.ts

@@ -171,7 +171,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	 * @param value Value.
 	 */
 	public set selectedIndex(value: number) {
-		if (this.options.length - 1 > value || value < 0) {
+		if (value > this.options.length - 1 || value < 0) {
 			throw new DOMException(
 				'Select elements selected index must be valid',
 				DOMExceptionNameEnum.indexSizeError

package/src/nodes/html-style-element/HTMLStyleElement.ts

@@ -22,8 +22,8 @@ export default class HTMLStyleElement extends HTMLElement implements IHTMLStyleE
 		}
 		if (!this._styleSheet) {
 			this._styleSheet = new CSSStyleSheet();
-			this._styleSheet.replaceSync(this.innerText);
 		}
+		this._styleSheet.replaceSync(this.textContent);
 		return this._styleSheet;
 	}
 

package/src/nodes/node/INode.ts

@@ -6,7 +6,9 @@ import NodeTypeEnum from './NodeTypeEnum';
 
 export default interface INode extends IEventTarget {
 	readonly ELEMENT_NODE: NodeTypeEnum;
+	readonly ATTRIBUTE_NODE: NodeTypeEnum;
 	readonly TEXT_NODE: NodeTypeEnum;
+	readonly CDATA_SECTION_NODE: NodeTypeEnum;
 	readonly COMMENT_NODE: NodeTypeEnum;
 	readonly DOCUMENT_NODE: NodeTypeEnum;
 	readonly DOCUMENT_TYPE_NODE: NodeTypeEnum;