happy-dom 13.0.7 → 13.1.1

package/src/css/declaration/element-style/CSSStyleDeclarationElementStyle.ts

@@ -65,7 +65,7 @@ export default class CSSStyleDeclarationElementStyle {
 			return this.getComputedElementStyle();
 		}
 
-		const cssText = this.element.attributes['style']?.value;
+		const cssText = this.element[PropertySymbol.attributes]['style']?.[PropertySymbol.value];
 
 		if (cssText) {
 			if (this.cache.propertyManager && this.cache.cssText === cssText) {
@@ -94,24 +94,25 @@ export default class CSSStyleDeclarationElementStyle {
 		};
 		let shadowRootElements: Array<IStyleAndElement> = [];
 
-		if (!this.element.isConnected) {
+		if (!this.element[PropertySymbol.isConnected]) {
 			return new CSSStyleDeclarationPropertyManager();
 		}
 
 		if (
 			this.cache.propertyManager &&
-			this.cache.documentCacheID === this.element.ownerDocument[PropertySymbol.cacheID]
+			this.cache.documentCacheID ===
+				this.element[PropertySymbol.ownerDocument][PropertySymbol.cacheID]
 		) {
 			return this.cache.propertyManager;
 		}
 
-		this.cache.documentCacheID = this.element.ownerDocument[PropertySymbol.cacheID];
+		this.cache.documentCacheID = this.element[PropertySymbol.ownerDocument][PropertySymbol.cacheID];
 
 		// Walks through all parent elements and stores them in an array with element and matching CSS text.
 		while (styleAndElement.element) {
-			if (styleAndElement.element.nodeType === NodeTypeEnum.elementNode) {
+			if (styleAndElement.element[PropertySymbol.nodeType] === NodeTypeEnum.elementNode) {
 				const rootNode = styleAndElement.element.getRootNode();
-				if (rootNode.nodeType === NodeTypeEnum.documentNode) {
+				if (rootNode[PropertySymbol.nodeType] === NodeTypeEnum.documentNode) {
 					documentElements.unshift(styleAndElement);
 				} else {
 					shadowRootElements.unshift(styleAndElement);
@@ -119,9 +120,11 @@ export default class CSSStyleDeclarationElementStyle {
 				parentElements.unshift(styleAndElement);
 			}
 
-			if (styleAndElement.element === this.element.ownerDocument) {
+			if (styleAndElement.element === this.element[PropertySymbol.ownerDocument]) {
 				const styleSheets = <INodeList<IHTMLStyleElement>>(
-					this.element.ownerDocument.querySelectorAll('style,link[rel="stylesheet"]')
+					this.element[PropertySymbol.ownerDocument].querySelectorAll(
+						'style,link[rel="stylesheet"]'
+					)
 				);
 
 				for (const styleSheet of styleSheets) {
@@ -134,17 +137,25 @@ export default class CSSStyleDeclarationElementStyle {
 					}
 				}
 
+				for (const styleSheet of this.element[PropertySymbol.ownerDocument].adoptedStyleSheets) {
+					this.parseCSSRules({
+						elements: documentElements,
+						cssRules: styleSheet.cssRules
+					});
+				}
+
 				styleAndElement = { element: null, cssTexts: [] };
 			} else if (
-				styleAndElement.element.nodeType === NodeTypeEnum.documentFragmentNode &&
+				styleAndElement.element[PropertySymbol.nodeType] === NodeTypeEnum.documentFragmentNode &&
 				(<IShadowRoot>styleAndElement.element).host
 			) {
+				const shadowRoot = <IShadowRoot>styleAndElement.element;
 				const styleSheets = <INodeList<IHTMLStyleElement>>(
-					(<IShadowRoot>styleAndElement.element).querySelectorAll('style,link[rel="stylesheet"]')
+					shadowRoot.querySelectorAll('style,link[rel="stylesheet"]')
 				);
 
 				styleAndElement = {
-					element: <IElement>(<IShadowRoot>styleAndElement.element).host,
+					element: <IElement>shadowRoot.host,
 					cssTexts: []
 				};
 
@@ -158,9 +169,21 @@ export default class CSSStyleDeclarationElementStyle {
 						});
 					}
 				}
+
+				for (const styleSheet of shadowRoot.adoptedStyleSheets) {
+					this.parseCSSRules({
+						elements: shadowRootElements,
+						cssRules: styleSheet.cssRules,
+						hostElement: styleAndElement
+					});
+				}
+
 				shadowRootElements = [];
 			} else {
-				styleAndElement = { element: <IElement>styleAndElement.element.parentNode, cssTexts: [] };
+				styleAndElement = {
+					element: <IElement>styleAndElement.element[PropertySymbol.parentNode],
+					cssTexts: []
+				};
 			}
 		}
 
@@ -175,36 +198,49 @@ export default class CSSStyleDeclarationElementStyle {
 			parentElement.cssTexts.sort((a, b) => a.priorityWeight - b.priorityWeight);
 
 			let elementCSSText = '';
-			if (CSSStyleDeclarationElementDefaultCSS[(<IElement>parentElement.element).tagName]) {
+			if (
+				CSSStyleDeclarationElementDefaultCSS[
+					(<IElement>parentElement.element)[PropertySymbol.tagName]
+				]
+			) {
 				if (
-					typeof CSSStyleDeclarationElementDefaultCSS[(<IElement>parentElement.element).tagName] ===
-					'string'
+					typeof CSSStyleDeclarationElementDefaultCSS[
+						(<IElement>parentElement.element)[PropertySymbol.tagName]
+					] === 'string'
 				) {
 					elementCSSText +=
-						CSSStyleDeclarationElementDefaultCSS[(<IElement>parentElement.element).tagName];
+						CSSStyleDeclarationElementDefaultCSS[
+							(<IElement>parentElement.element)[PropertySymbol.tagName]
+						];
 				} else {
 					for (const key of Object.keys(
-						CSSStyleDeclarationElementDefaultCSS[(<IElement>parentElement.element).tagName]
+						CSSStyleDeclarationElementDefaultCSS[
+							(<IElement>parentElement.element)[PropertySymbol.tagName]
+						]
 					)) {
 						if (key === 'default' || !!parentElement.element[key]) {
 							elementCSSText +=
-								CSSStyleDeclarationElementDefaultCSS[(<IElement>parentElement.element).tagName][
-									key
-								];
+								CSSStyleDeclarationElementDefaultCSS[
+									(<IElement>parentElement.element)[PropertySymbol.tagName]
+								][key];
 						}
 					}
 				}
 				elementCSSText +=
-					CSSStyleDeclarationElementDefaultCSS[(<IElement>parentElement.element).tagName];
+					CSSStyleDeclarationElementDefaultCSS[
+						(<IElement>parentElement.element)[PropertySymbol.tagName]
+					];
 			}
 
 			for (const cssText of parentElement.cssTexts) {
 				elementCSSText += cssText.cssText;
 			}
 
-			const elementStyleAttribute = (<IElement>parentElement.element).attributes['style'];
+			const elementStyleAttribute = (<IElement>parentElement.element)[PropertySymbol.attributes][
+				'style'
+			];
 			if (elementStyleAttribute) {
-				elementCSSText += elementStyleAttribute.value;
+				elementCSSText += elementStyleAttribute[PropertySymbol.value];
 			}
 
 			CSSStyleDeclarationCSSParser.parse(elementCSSText, (name, value, important) => {
@@ -229,7 +265,7 @@ export default class CSSStyleDeclarationElementStyle {
 									parentFontSize,
 									parentSize: parentFontSize
 								});
-								if ((<IElement>parentElement.element).tagName === 'HTML') {
+								if ((<IElement>parentElement.element)[PropertySymbol.tagName] === 'HTML') {
 									rootFontSize = parsedValue;
 								} else if (parentElement !== targetElement) {
 									parentFontSize = parsedValue;
@@ -277,7 +313,7 @@ export default class CSSStyleDeclarationElementStyle {
 			return;
 		}
 
-		const ownerWindow = this.element.ownerDocument[PropertySymbol.defaultView];
+		const ownerWindow = this.element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow];
 
 		for (const rule of options.cssRules) {
 			if (rule.type === CSSRuleTypeEnum.styleRule) {
@@ -308,7 +344,7 @@ export default class CSSStyleDeclarationElementStyle {
 				new MediaQueryList({
 					ownerWindow,
 					media: (<CSSMediaRule>rule).conditionText,
-					rootFontSize: this.element.tagName === 'HTML' ? 16 : null
+					rootFontSize: this.element[PropertySymbol.tagName] === 'HTML' ? 16 : null
 				}).matches
 			) {
 				this.parseCSSRules({
@@ -362,7 +398,7 @@ export default class CSSStyleDeclarationElementStyle {
 	}): string {
 		if (
 			WindowBrowserSettingsReader.getSettings(
-				this.element.ownerDocument[PropertySymbol.defaultView]
+				this.element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow]
 			).disableComputedStyleRendering
 		) {
 			return options.value;
@@ -375,7 +411,7 @@ export default class CSSStyleDeclarationElementStyle {
 		while ((match = regexp.exec(options.value)) !== null) {
 			if (match[1] !== 'px') {
 				const valueInPixels = CSSMeasurementConverter.toPixels({
-					ownerWindow: this.element.ownerDocument[PropertySymbol.defaultView],
+					ownerWindow: this.element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow],
 					value: match[0],
 					rootFontSize: options.rootFontSize,
 					parentFontSize: options.parentFontSize,

package/src/dom-implementation/DOMImplementation.ts

@@ -24,14 +24,14 @@ export default class DOMImplementation {
 	 * TODO: Not fully implemented.
 	 */
 	public createDocument(): IDocument {
-		return new this.#document[PropertySymbol.defaultView].HTMLDocument();
+		return new this.#document[PropertySymbol.ownerWindow].HTMLDocument();
 	}
 
 	/**
 	 * Creates and returns an HTML Document.
 	 */
 	public createHTMLDocument(): IDocument {
-		return new this.#document[PropertySymbol.defaultView].HTMLDocument();
+		return new this.#document[PropertySymbol.ownerWindow].HTMLDocument();
 	}
 
 	/**
@@ -48,11 +48,11 @@ export default class DOMImplementation {
 	): DocumentType {
 		const documentType = NodeFactory.createNode<DocumentType>(
 			this.#document,
-			this.#document[PropertySymbol.defaultView].DocumentType
+			this.#document[PropertySymbol.ownerWindow].DocumentType
 		);
-		documentType.name = qualifiedName;
-		documentType.publicId = publicId;
-		documentType.systemId = systemId;
+		documentType[PropertySymbol.name] = qualifiedName;
+		documentType[PropertySymbol.publicId] = publicId;
+		documentType[PropertySymbol.systemId] = systemId;
 		return documentType;
 	}
 }

package/src/dom-parser/DOMParser.ts

@@ -1,10 +1,10 @@
 import IDocument from '../nodes/document/IDocument.js';
 import * as PropertySymbol from '../PropertySymbol.js';
 import XMLParser from '../xml-parser/XMLParser.js';
-import Node from '../nodes/node/Node.js';
 import DOMException from '../exception/DOMException.js';
 import DocumentFragment from '../nodes/document-fragment/DocumentFragment.js';
 import IBrowserWindow from '../window/IBrowserWindow.js';
+import NodeTypeEnum from '../nodes/node/NodeTypeEnum.js';
 
 /**
  * DOM parser.
@@ -48,7 +48,7 @@ export default class DOMParser {
 		for (const node of root[PropertySymbol.childNodes]) {
 			if (node['tagName'] === 'HTML') {
 				documentElement = node;
-			} else if (node.nodeType === Node.DOCUMENT_TYPE_NODE) {
+			} else if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode) {
 				documentTypeNode = node;
 			}
 

package/src/dom-token-list/DOMTokenList.ts

@@ -2,6 +2,8 @@ import Element from '../nodes/element/Element.js';
 import * as PropertySymbol from '../PropertySymbol.js';
 import IDOMTokenList from './IDOMTokenList.js';
 
+const ATTRIBUTE_SPLIT_REGEXP = /[\t\f\n\r ]+/;
+
 /**
  * DOM Token List.
  *
@@ -9,7 +11,7 @@ import IDOMTokenList from './IDOMTokenList.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList.
  */
 export default class DOMTokenList implements IDOMTokenList {
-	public readonly length = 0;
+	#length = 0;
 	#ownerElement: Element;
 	#attributeName: string;
 
@@ -25,6 +27,15 @@ export default class DOMTokenList implements IDOMTokenList {
 		this[PropertySymbol.updateIndices]();
 	}
 
+	/**
+	 * Returns length.
+	 *
+	 * @returns Length.
+	 */
+	public get length(): number {
+		return this.#length;
+	}
+
 	/**
 	 * Set value.
 	 *
@@ -58,8 +69,7 @@ export default class DOMTokenList implements IDOMTokenList {
 	 * @param newToken NewToken.
 	 */
 	public replace(token: string, newToken: string): boolean {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		const list = attr ? Array.from(new Set(attr.split(' '))) : [];
+		const list = this.#getTokenList();
 		const index = list.indexOf(token);
 		if (index === -1) {
 			return false;
@@ -82,18 +92,14 @@ export default class DOMTokenList implements IDOMTokenList {
 	 * Returns an iterator, allowing you to go through all values of the key/value pairs contained in this object.
 	 */
 	public values(): IterableIterator<string> {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		const list = attr ? Array.from(new Set(attr.split(' '))) : [];
-		return list.values();
+		return this.#getTokenList().values();
 	}
 
 	/**
 	 * Returns an iterator, allowing you to go through all key/value pairs contained in this object.
 	 */
 	public entries(): IterableIterator<[number, string]> {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		const list = attr ? Array.from(new Set(attr.split(' '))) : [];
-		return list.entries();
+		return this.#getTokenList().entries();
 	}
 
 	/**
@@ -103,9 +109,7 @@ export default class DOMTokenList implements IDOMTokenList {
 	 * @param thisArg
 	 */
 	public forEach(callback: (currentValue, currentIndex, listObj) => void, thisArg?: this): void {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		const list = attr ? Array.from(new Set(attr.split(' '))) : [];
-		return list.forEach(callback, thisArg);
+		return this.#getTokenList().forEach(callback, thisArg);
 	}
 
 	/**
@@ -113,9 +117,7 @@ export default class DOMTokenList implements IDOMTokenList {
 	 *
 	 */
 	public keys(): IterableIterator<number> {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		const list = attr ? Array.from(new Set(attr.split(' '))) : [];
-		return list.keys();
+		return this.#getTokenList().keys();
 	}
 
 	/**
@@ -124,8 +126,7 @@ export default class DOMTokenList implements IDOMTokenList {
 	 * @param tokens Tokens.
 	 */
 	public add(...tokens: string[]): void {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		const list = attr ? Array.from(new Set(attr.split(' '))) : [];
+		const list = this.#getTokenList();
 
 		for (const token of tokens) {
 			const index = list.indexOf(token);
@@ -145,8 +146,7 @@ export default class DOMTokenList implements IDOMTokenList {
 	 * @param tokens Tokens.
 	 */
 	public remove(...tokens: string[]): void {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		const list = attr ? Array.from(new Set(attr.split(' '))) : [];
+		const list = this.#getTokenList();
 
 		for (const token of tokens) {
 			const index = list.indexOf(token);
@@ -165,8 +165,8 @@ export default class DOMTokenList implements IDOMTokenList {
 	 * @returns TRUE if it contains.
 	 */
 	public contains(className: string): boolean {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		return (attr ? attr.split(' ') : []).includes(className);
+		const list = this.#getTokenList();
+		return list.includes(className);
 	}
 
 	/**
@@ -199,8 +199,7 @@ export default class DOMTokenList implements IDOMTokenList {
 	 * Updates indices.
 	 */
 	public [PropertySymbol.updateIndices](): void {
-		const attr = this.#ownerElement.getAttribute(this.#attributeName);
-		const list = attr ? Array.from(new Set(attr.split(' '))) : [];
+		const list = this.#getTokenList();
 
 		for (let i = list.length - 1, max = this.length; i < max; i++) {
 			delete this[i];
@@ -210,7 +209,27 @@ export default class DOMTokenList implements IDOMTokenList {
 			this[i] = list[i];
 		}
 
-		(<number>this.length) = list.length;
+		this.#length = list.length;
+	}
+
+	/**
+	 * Returns token list from attribute value.
+	 *
+	 * @see https://infra.spec.whatwg.org/#split-on-ascii-whitespace
+	 */
+	#getTokenList(): string[] {
+		const attr = this.#ownerElement.getAttribute(this.#attributeName);
+		if (!attr) {
+			return [];
+		}
+		// It is possible to make this statement shorter by using Array.from() and Set, but this is faster when comparing using a bench test.
+		const list = [];
+		for (const item of attr.trim().split(ATTRIBUTE_SPLIT_REGEXP)) {
+			if (!list.includes(item)) {
+				list.push(item);
+			}
+		}
+		return list;
 	}
 
 	/**

package/src/event/Event.ts

@@ -94,12 +94,12 @@ export default class Event {
 				eventTarget = (<INode>(<unknown>eventTarget)).parentNode;
 			} else if (
 				this.composed &&
-				(<INode>eventTarget).nodeType === NodeTypeEnum.documentFragmentNode &&
+				(<INode>eventTarget)[PropertySymbol.nodeType] === NodeTypeEnum.documentFragmentNode &&
 				(<IShadowRoot>eventTarget).host
 			) {
 				eventTarget = (<IShadowRoot>eventTarget).host;
-			} else if ((<INode>eventTarget).nodeType === NodeTypeEnum.documentNode) {
-				eventTarget = (<IDocument>(<unknown>eventTarget))[PropertySymbol.defaultView];
+			} else if ((<INode>eventTarget)[PropertySymbol.nodeType] === NodeTypeEnum.documentNode) {
+				eventTarget = (<IDocument>(<unknown>eventTarget))[PropertySymbol.ownerWindow];
 			} else {
 				break;
 			}

package/src/event/EventTarget.ts

@@ -279,11 +279,11 @@ export default abstract class EventTarget implements IEventTarget {
 	 * @returns Window.
 	 */
 	#getWindow(): IBrowserWindow | null {
-		if ((<INode>(<unknown>this)).ownerDocument) {
-			return (<INode>(<unknown>this)).ownerDocument[PropertySymbol.defaultView];
+		if ((<INode>(<unknown>this))[PropertySymbol.ownerDocument]) {
+			return (<INode>(<unknown>this))[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow];
 		}
-		if ((<IDocument>(<unknown>this))[PropertySymbol.defaultView]) {
-			return (<IDocument>(<unknown>this))[PropertySymbol.defaultView];
+		if ((<IDocument>(<unknown>this))[PropertySymbol.ownerWindow]) {
+			return (<IDocument>(<unknown>this))[PropertySymbol.ownerWindow];
 		}
 		if ((<IBrowserWindow>(<unknown>this)).document) {
 			return <IBrowserWindow>(<unknown>this);

package/src/fetch/Request.ts

@@ -44,11 +44,13 @@ export default class Request implements IRequest {
 	public readonly credentials: IRequestCredentials;
 
 	// Internal properties
-	public readonly [PropertySymbol.contentLength]: number | null = null;
-	public readonly [PropertySymbol.contentType]: string | null = null;
+	public [PropertySymbol.contentLength]: number | null = null;
+	public [PropertySymbol.contentType]: string | null = null;
 	public [PropertySymbol.referrer]: '' | 'no-referrer' | 'client' | URL = 'client';
-	public readonly [PropertySymbol.url]: URL;
-	public readonly [PropertySymbol.bodyBuffer]: Buffer | null;
+	public [PropertySymbol.url]: URL;
+	public [PropertySymbol.bodyBuffer]: Buffer | null;
+
+	// Private properties
 	readonly #window: IBrowserWindow;
 	readonly #asyncTaskManager: AsyncTaskManager;
 
@@ -149,7 +151,7 @@ export default class Request implements IRequest {
 	 * Returns owner document.
 	 */
 	protected get [PropertySymbol.ownerDocument](): IDocument {
-		throw new Error('[PropertySymbol.ownerDocument] needs to be implemented by sub-class.');
+		throw new Error('[PropertySymbol.ownerDocument] getter needs to be implemented by sub-class.');
 	}
 
 	/**

package/src/form-data/FormData.ts

@@ -29,14 +29,14 @@ export default class FormData implements Iterable<[string, string | File]> {
 	constructor(form?: IHTMLFormElement) {
 		if (form) {
 			for (const name of Object.keys(
-				(<HTMLFormControlsCollection>form.elements)[PropertySymbol.namedItems]
+				(<HTMLFormControlsCollection>form[PropertySymbol.elements])[PropertySymbol.namedItems]
 			)) {
-				let radioNodeList = (<HTMLFormControlsCollection>form.elements)[PropertySymbol.namedItems][
-					name
-				];
+				let radioNodeList = (<HTMLFormControlsCollection>form[PropertySymbol.elements])[
+					PropertySymbol.namedItems
+				][name];
 
 				if (
-					radioNodeList[0].tagName === 'INPUT' &&
+					radioNodeList[0][PropertySymbol.tagName] === 'INPUT' &&
 					(radioNodeList[0].type === 'checkbox' || radioNodeList[0].type === 'radio')
 				) {
 					const newRadioNodeList = new RadioNodeList();
@@ -50,12 +50,12 @@ export default class FormData implements Iterable<[string, string | File]> {
 				}
 
 				for (const node of radioNodeList) {
-					if (node.name && SUBMITTABLE_ELEMENTS.includes(node.tagName)) {
-						if (node.tagName === 'INPUT' && node.type === 'file') {
-							if ((<IHTMLInputElement>node).files.length === 0) {
+					if (node.name && SUBMITTABLE_ELEMENTS.includes(node[PropertySymbol.tagName])) {
+						if (node[PropertySymbol.tagName] === 'INPUT' && node.type === 'file') {
+							if ((<IHTMLInputElement>node)[PropertySymbol.files].length === 0) {
 								this.append(node.name, new File([], '', { type: 'application/octet-stream' }));
 							} else {
-								for (const file of (<IHTMLInputElement>node).files) {
+								for (const file of (<IHTMLInputElement>node)[PropertySymbol.files]) {
 									this.append(node.name, file);
 								}
 							}

package/src/mutation-observer/MutationObserver.ts

@@ -46,9 +46,9 @@ export default class MutationObserver {
 		}
 
 		if (!this.#window) {
-			this.#window = target.ownerDocument
-				? target.ownerDocument[PropertySymbol.defaultView]
-				: target[PropertySymbol.defaultView];
+			this.#window = target[PropertySymbol.ownerDocument]
+				? target[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow]
+				: target[PropertySymbol.ownerWindow];
 		}
 
 		// Makes sure that attribute names are lower case.

package/src/named-node-map/NamedNodeMap.ts

@@ -63,12 +63,16 @@ export default class NamedNodeMap implements INamedNodeMap {
 	public getNamedItemNS(namespace: string, localName: string): IAttr | null {
 		const attribute = this.getNamedItem(localName);
 
-		if (attribute && attribute.namespaceURI === namespace && attribute.localName === localName) {
+		if (
+			attribute &&
+			attribute[PropertySymbol.namespaceURI] === namespace &&
+			attribute.localName === localName
+		) {
 			return attribute;
 		}
 
 		for (let i = 0, max = this.length; i < max; i++) {
-			if (this[i].namespaceURI === namespace && this[i].localName === localName) {
+			if (this[i][PropertySymbol.namespaceURI] === namespace && this[i].localName === localName) {
 				return this[i];
 			}
 		}
@@ -125,7 +129,7 @@ export default class NamedNodeMap implements INamedNodeMap {
 	public removeNamedItemNS(namespace: string, localName: string): IAttr | null {
 		const attribute = this.getNamedItemNS(namespace, localName);
 		if (attribute) {
-			return this.removeNamedItem(attribute.name);
+			return this.removeNamedItem(attribute[PropertySymbol.name]);
 		}
 		return null;
 	}
@@ -137,10 +141,10 @@ export default class NamedNodeMap implements INamedNodeMap {
 	 * @returns Replaced item.
 	 */
 	public [PropertySymbol.setNamedItemWithoutConsequences](item: IAttr): IAttr | null {
-		if (item.name) {
-			const replacedItem = this[PropertySymbol.namedItems][item.name] || null;
+		if (item[PropertySymbol.name]) {
+			const replacedItem = this[PropertySymbol.namedItems][item[PropertySymbol.name]] || null;
 
-			this[PropertySymbol.namedItems][item.name] = item;
+			this[PropertySymbol.namedItems][item[PropertySymbol.name]] = item;
 
 			if (replacedItem) {
 				this[PropertySymbol.removeNamedItemIndex](replacedItem);
@@ -149,8 +153,8 @@ export default class NamedNodeMap implements INamedNodeMap {
 			this[this.length] = item;
 			this.length++;
 
-			if (this[PropertySymbol.isValidPropertyName](item.name)) {
-				this[item.name] = item;
+			if (this[PropertySymbol.isValidPropertyName](item[PropertySymbol.name])) {
+				this[item[PropertySymbol.name]] = item;
 			}
 
 			return replacedItem;