happy-dom 13.0.6 → 13.1.0

package/lib/xml-serializer/XMLSerializer.js

@@ -1,9 +1,3 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _XMLSerializer_instances, _XMLSerializer_options, _XMLSerializer_getAttributes;
 import * as PropertySymbol from '../PropertySymbol.js';
 import Node from '../nodes/node/Node.js';
 import VoidElements from '../config/VoidElements.js';
@@ -12,7 +6,7 @@ import * as Entities from 'entities';
 /**
  * Utility for converting an element to string.
  */
-class XMLSerializer {
+export default class XMLSerializer {
     /**
      * Constructor.
      *
@@ -21,17 +15,16 @@ class XMLSerializer {
      * @param [options.escapeEntities] Escape text.
      */
     constructor(options) {
-        _XMLSerializer_instances.add(this);
-        _XMLSerializer_options.set(this, {
+        this.options = {
             includeShadowRoots: false,
             escapeEntities: true
-        });
+        };
         if (options) {
             if (options.includeShadowRoots !== undefined) {
-                __classPrivateFieldGet(this, _XMLSerializer_options, "f").includeShadowRoots = options.includeShadowRoots;
+                this.options.includeShadowRoots = options.includeShadowRoots;
             }
             if (options.escapeEntities !== undefined) {
-                __classPrivateFieldGet(this, _XMLSerializer_options, "f").escapeEntities = options.escapeEntities;
+                this.options.escapeEntities = options.escapeEntities;
             }
         }
     }
@@ -42,12 +35,12 @@ class XMLSerializer {
      * @returns Result.
      */
     serializeToString(root) {
-        switch (root.nodeType) {
+        switch (root[PropertySymbol.nodeType]) {
             case NodeTypeEnum.elementNode:
                 const element = root;
-                const tagName = element.tagName.toLowerCase();
-                if (VoidElements[element.tagName]) {
-                    return `<${tagName}${__classPrivateFieldGet(this, _XMLSerializer_instances, "m", _XMLSerializer_getAttributes).call(this, element)}>`;
+                const tagName = element[PropertySymbol.tagName].toLowerCase();
+                if (VoidElements[element[PropertySymbol.tagName]]) {
+                    return `<${tagName}${this.getAttributes(element)}>`;
                 }
                 const childNodes = tagName === 'template'
                     ? root.content[PropertySymbol.childNodes]
@@ -56,14 +49,16 @@ class XMLSerializer {
                 for (const node of childNodes) {
                     innerHTML += this.serializeToString(node);
                 }
-                if (__classPrivateFieldGet(this, _XMLSerializer_options, "f").includeShadowRoots && element.shadowRoot) {
-                    innerHTML += `<template shadowrootmode="${element.shadowRoot.mode}">`;
+                // TODO: Should we include closed shadow roots?
+                // We are currently only including open shadow roots.
+                if (this.options.includeShadowRoots && element.shadowRoot) {
+                    innerHTML += `<template shadowrootmode="${element.shadowRoot[PropertySymbol.mode]}">`;
                     for (const node of element.shadowRoot[PropertySymbol.childNodes]) {
                         innerHTML += this.serializeToString(node);
                     }
                     innerHTML += '</template>';
                 }
-                return `<${tagName}${__classPrivateFieldGet(this, _XMLSerializer_instances, "m", _XMLSerializer_getAttributes).call(this, element)}>${innerHTML}</${tagName}>`;
+                return `<${tagName}${this.getAttributes(element)}>${innerHTML}</${tagName}>`;
             case Node.DOCUMENT_FRAGMENT_NODE:
             case Node.DOCUMENT_NODE:
                 let html = '';
@@ -77,7 +72,7 @@ class XMLSerializer {
                 // TODO: Add support for processing instructions.
                 return `<!--?${root.target} ${root.textContent}?-->`;
             case NodeTypeEnum.textNode:
-                return __classPrivateFieldGet(this, _XMLSerializer_options, "f").escapeEntities
+                return this.options.escapeEntities
                     ? Entities.escapeText(root.textContent)
                     : root.textContent;
             case NodeTypeEnum.documentTypeNode:
@@ -89,23 +84,28 @@ class XMLSerializer {
         }
         return '';
     }
-}
-_XMLSerializer_options = new WeakMap(), _XMLSerializer_instances = new WeakSet(), _XMLSerializer_getAttributes = function _XMLSerializer_getAttributes(element) {
-    let attributeString = '';
-    if (!element.attributes.getNamedItem('is') &&
-        element[PropertySymbol.isValue]) {
-        attributeString += ' is="' + element[PropertySymbol.isValue] + '"';
-    }
-    for (let i = 0, max = element.attributes.length; i < max; i++) {
-        const attribute = element.attributes[i];
-        if (attribute.value !== null) {
-            const escapedValue = __classPrivateFieldGet(this, _XMLSerializer_options, "f").escapeEntities
-                ? Entities.escapeText(attribute.value)
-                : attribute.value;
-            attributeString += ' ' + attribute.name + '="' + escapedValue + '"';
+    /**
+     * Returns attributes as a string.
+     *
+     * @param element Element.
+     * @returns Attributes.
+     */
+    getAttributes(element) {
+        let attributeString = '';
+        if (!element[PropertySymbol.attributes].getNamedItem('is') &&
+            element[PropertySymbol.isValue]) {
+            attributeString += ' is="' + element[PropertySymbol.isValue] + '"';
+        }
+        for (let i = 0, max = element[PropertySymbol.attributes].length; i < max; i++) {
+            const attribute = element[PropertySymbol.attributes][i];
+            if (attribute[PropertySymbol.value] !== null) {
+                const escapedValue = this.options.escapeEntities
+                    ? Entities.escapeText(attribute[PropertySymbol.value])
+                    : attribute[PropertySymbol.value];
+                attributeString += ' ' + attribute[PropertySymbol.name] + '="' + escapedValue + '"';
+            }
         }
+        return attributeString;
     }
-    return attributeString;
-};
-export default XMLSerializer;
+}
 //# sourceMappingURL=XMLSerializer.js.map

package/lib/xml-serializer/XMLSerializer.js.map

@@ -1 +1 @@
-{"version":3,"file":"XMLSerializer.js","sourceRoot":"","sources":["../../src/xml-serializer/XMLSerializer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"XMLSerializer.js","sourceRoot":"","sources":["../../src/xml-serializer/XMLSerializer.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "happy-dom",
-    "version": "13.0.6",
+    "version": "13.1.0",
     "license": "MIT",
     "homepage": "https://github.com/capricorn86/happy-dom",
     "repository": "https://github.com/capricorn86/happy-dom",

package/src/PropertySymbol.ts

@@ -67,7 +67,6 @@ export const setupVMContext = Symbol('setupVMContext');
 export const shadowRoot = Symbol('shadowRoot');
 export const start = Symbol('start');
 export const style = Symbol('style');
-export const styleSheet = Symbol('styleSheet');
 export const target = Symbol('target');
 export const textAreaNode = Symbol('textAreaNode');
 export const unobserve = Symbol('unobserve');
@@ -82,3 +81,70 @@ export const mutationObservers = Symbol('mutationObservers');
 export const openerFrame = Symbol('openerFrame');
 export const openerWindow = Symbol('openerFrame');
 export const popup = Symbol('popup');
+export const isConnected = Symbol('isConnected');
+export const parentNode = Symbol('parentNode');
+export const nodeType = Symbol('nodeType');
+export const tagName = Symbol('tagName');
+export const prefix = Symbol('prefix');
+export const scrollHeight = Symbol('scrollHeight');
+export const scrollWidth = Symbol('scrollWidth');
+export const scrollTop = Symbol('scrollTop');
+export const scrollLeft = Symbol('scrollLeft');
+export const attributes = Symbol('attributes');
+export const namespaceURI = Symbol('namespaceURI');
+export const accessKey = Symbol('accessKey');
+export const accessKeyLabel = Symbol('accessKeyLabel');
+export const contentEditable = Symbol('contentEditable');
+export const isContentEditable = Symbol('isContentEditable');
+export const offsetHeight = Symbol('offsetHeight');
+export const offsetWidth = Symbol('offsetWidth');
+export const offsetLeft = Symbol('offsetLeft');
+export const offsetTop = Symbol('offsetTop');
+export const clientHeight = Symbol('clientHeight');
+export const clientWidth = Symbol('clientWidth');
+export const clientLeft = Symbol('clientLeft');
+export const clientTop = Symbol('clientTop');
+export const name = Symbol('name');
+export const specified = Symbol('specified');
+export const adoptedStyleSheets = Symbol('adoptedStyleSheets');
+export const implementation = Symbol('implementation');
+export const readyState = Symbol('readyState');
+export const ownerWindow = Symbol('ownerWindow');
+export const publicId = Symbol('publicId');
+export const systemId = Symbol('systemId');
+export const validationMessage = Symbol('validationMessage');
+export const validity = Symbol('validity');
+export const returnValue = Symbol('returnValue');
+export const elements = Symbol('elements');
+export const length = Symbol('length');
+export const complete = Symbol('complete');
+export const naturalHeight = Symbol('naturalHeight');
+export const naturalWidth = Symbol('naturalWidth');
+export const loading = Symbol('loading');
+export const x = Symbol('x');
+export const y = Symbol('y');
+export const defaultChecked = Symbol('defaultChecked');
+export const files = Symbol('files');
+export const sheet = Symbol('sheet');
+export const volume = Symbol('volume');
+export const paused = Symbol('paused');
+export const currentTime = Symbol('currentTime');
+export const playbackRate = Symbol('playbackRate');
+export const defaultPlaybackRate = Symbol('defaultPlaybackRate');
+export const muted = Symbol('muted');
+export const defaultMuted = Symbol('defaultMuted');
+export const preservesPitch = Symbol('preservesPitch');
+export const buffered = Symbol('buffered');
+export const duration = Symbol('duration');
+export const error = Symbol('error');
+export const ended = Symbol('ended');
+export const networkState = Symbol('networkState');
+export const textTracks = Symbol('textTracks');
+export const videoTracks = Symbol('videoTracks');
+export const seeking = Symbol('seeking');
+export const seekable = Symbol('seekable');
+export const played = Symbol('played');
+export const options = Symbol('options');
+export const content = Symbol('content');
+export const mode = Symbol('mode');
+export const host = Symbol('host');

package/src/async-task-manager/AsyncTaskManager.ts

@@ -1,3 +1,10 @@
+// We need to set this as a global constant, so that using fake timers in Jest and Vitest won't override this on the global object.
+const TIMER = {
+	setImmediate: setImmediate,
+	clearImmediate: clearImmediate,
+	clearTimeout: clearTimeout
+};
+
 /**
  * Handles async tasks.
  */
@@ -107,10 +114,10 @@ export default class AsyncTaskManager {
 			delete this.runningTasks[taskID];
 			this.runningTaskCount--;
 			if (this.waitUntilCompleteTimer) {
-				global.clearImmediate(this.waitUntilCompleteTimer);
+				TIMER.clearImmediate(this.waitUntilCompleteTimer);
 			}
 			if (!this.runningTaskCount && !this.runningTimers.length && !this.runningImmediates.length) {
-				this.waitUntilCompleteTimer = global.setImmediate(() => {
+				this.waitUntilCompleteTimer = TIMER.setImmediate(() => {
 					this.waitUntilCompleteTimer = null;
 					if (
 						!this.runningTaskCount &&
@@ -170,16 +177,16 @@ export default class AsyncTaskManager {
 		this.runningTimers = [];
 
 		if (this.waitUntilCompleteTimer) {
-			global.clearImmediate(this.waitUntilCompleteTimer);
+			TIMER.clearImmediate(this.waitUntilCompleteTimer);
 			this.waitUntilCompleteTimer = null;
 		}
 
 		for (const immediate of runningImmediates) {
-			global.clearImmediate(immediate);
+			TIMER.clearImmediate(immediate);
 		}
 
 		for (const timer of runningTimers) {
-			global.clearTimeout(timer);
+			TIMER.clearTimeout(timer);
 		}
 
 		for (const key of Object.keys(runningTasks)) {

package/src/browser/utilities/BrowserFrameNavigator.ts

@@ -100,7 +100,7 @@ export default class BrowserFrameNavigator {
 		(<number>frame.window.devicePixelRatio) = devicePixelRatio;
 
 		if (options?.referrer) {
-			(<string>frame.window.document.referrer) = options.referrer;
+			frame.window.document[PropertySymbol.referrer] = options.referrer;
 		}
 
 		if (targetURL.protocol === 'about:') {

package/src/css/declaration/AbstractCSSStyleDeclaration.ts

@@ -79,21 +79,21 @@ export default abstract class AbstractCSSStyleDeclaration {
 
 		if (this.#ownerElement) {
 			const style = new CSSStyleDeclarationPropertyManager({ cssText });
-			let styleAttribute = <IAttr>this.#ownerElement.attributes['style'];
+			let styleAttribute = <IAttr>this.#ownerElement[PropertySymbol.attributes]['style'];
 
 			if (!styleAttribute) {
-				styleAttribute = this.#ownerElement.ownerDocument.createAttribute('style');
+				styleAttribute = this.#ownerElement[PropertySymbol.ownerDocument].createAttribute('style');
 				// We use "[PropertySymbol.setNamedItemWithoutConsequences]" here to avoid triggering setting "Element.style.cssText" when setting the "style" attribute.
-				(<NamedNodeMap>this.#ownerElement.attributes)[
+				(<NamedNodeMap>this.#ownerElement[PropertySymbol.attributes])[
 					PropertySymbol.setNamedItemWithoutConsequences
 				](styleAttribute);
 			}
 
-			if (this.#ownerElement.isConnected) {
-				this.#ownerElement.ownerDocument[PropertySymbol.cacheID]++;
+			if (this.#ownerElement[PropertySymbol.isConnected]) {
+				this.#ownerElement[PropertySymbol.ownerDocument][PropertySymbol.cacheID]++;
 			}
 
-			styleAttribute.value = style.toString();
+			styleAttribute[PropertySymbol.value] = style.toString();
 		} else {
 			this.#style = new CSSStyleDeclarationPropertyManager({ cssText });
 		}
@@ -136,25 +136,25 @@ export default abstract class AbstractCSSStyleDeclaration {
 		if (!stringValue) {
 			this.removeProperty(name);
 		} else if (this.#ownerElement) {
-			let styleAttribute = <IAttr>this.#ownerElement.attributes['style'];
+			let styleAttribute = <IAttr>this.#ownerElement[PropertySymbol.attributes]['style'];
 
 			if (!styleAttribute) {
-				styleAttribute = this.#ownerElement.ownerDocument.createAttribute('style');
+				styleAttribute = this.#ownerElement[PropertySymbol.ownerDocument].createAttribute('style');
 
 				// We use "[PropertySymbol.setNamedItemWithoutConsequences]" here to avoid triggering setting "Element.style.cssText" when setting the "style" attribute.
-				(<NamedNodeMap>this.#ownerElement.attributes)[
+				(<NamedNodeMap>this.#ownerElement[PropertySymbol.attributes])[
 					PropertySymbol.setNamedItemWithoutConsequences
 				](styleAttribute);
 			}
 
-			if (this.#ownerElement.isConnected) {
-				this.#ownerElement.ownerDocument[PropertySymbol.cacheID]++;
+			if (this.#ownerElement[PropertySymbol.isConnected]) {
+				this.#ownerElement[PropertySymbol.ownerDocument][PropertySymbol.cacheID]++;
 			}
 
 			const style = this.#elementStyle.getElementStyle();
 			style.set(name, stringValue, !!priority);
 
-			styleAttribute.value = style.toString();
+			styleAttribute[PropertySymbol.value] = style.toString();
 		} else {
 			this.#style.set(name, stringValue, !!priority);
 		}
@@ -180,15 +180,16 @@ export default abstract class AbstractCSSStyleDeclaration {
 			style.remove(name);
 			const newCSSText = style.toString();
 
-			if (this.#ownerElement.isConnected) {
-				this.#ownerElement.ownerDocument[PropertySymbol.cacheID]++;
+			if (this.#ownerElement[PropertySymbol.isConnected]) {
+				this.#ownerElement[PropertySymbol.ownerDocument][PropertySymbol.cacheID]++;
 			}
 
 			if (newCSSText) {
-				(<IAttr>this.#ownerElement.attributes['style']).value = newCSSText;
+				(<IAttr>this.#ownerElement[PropertySymbol.attributes]['style'])[PropertySymbol.value] =
+					newCSSText;
 			} else {
 				// We use "[PropertySymbol.removeNamedItemWithoutConsequences]" here to avoid triggering setting "Element.style.cssText" when setting the "style" attribute.
-				(<NamedNodeMap>this.#ownerElement.attributes)[
+				(<NamedNodeMap>this.#ownerElement[PropertySymbol.attributes])[
 					PropertySymbol.removeNamedItemWithoutConsequences
 				]('style');
 			}

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/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;
 			}