happy-dom 2.54.0 → 3.1.0

package/src/fetch/ResourceFetchHandler.ts

@@ -1,6 +1,7 @@
 import RelativeURL from '../location/RelativeURL';
 import DOMException from '../exception/DOMException';
 import IDocument from '../nodes/document/IDocument';
+import SyncRequest from 'sync-request';
 
 /**
  * Helper class for performing fetch of resources.
@@ -32,9 +33,8 @@ export default class ResourceFetchHandler {
 	 */
 	public static fetchSync(document: IDocument, url: string): string {
 		// We want to only load SyncRequest when it is needed to improve performance and not have direct dependencies to server side packages.
-		const syncRequest = require('sync-request');
 		const absoluteURL = RelativeURL.getAbsoluteURL(document.defaultView.location, url);
-		const response = syncRequest('GET', absoluteURL);
+		const response = SyncRequest('GET', absoluteURL);
 
 		if (response.isError()) {
 			throw new DOMException(
@@ -42,6 +42,6 @@ export default class ResourceFetchHandler {
 			);
 		}
 
-		return response.getBody();
+		return response.getBody().toString();
 	}
 }

package/src/index.ts

@@ -1,5 +1,6 @@
-import Window from './window/Window';
+import GlobalWindow from './window/GlobalWindow';
 import IWindow from './window/IWindow';
+import Window from './window/Window';
 import DataTransfer from './event/DataTransfer';
 import DataTransferItem from './event/DataTransferItem';
 import DataTransferItemList from './event/DataTransferItemList';
@@ -40,7 +41,6 @@ import KeyboardEvent from './event/events/KeyboardEvent';
 import MouseEvent from './event/events/MouseEvent';
 import ProgressEvent from './event/events/ProgressEvent';
 import WheelEvent from './event/events/WheelEvent';
-import AsyncWindow from './window/AsyncWindow';
 import DOMParser from './dom-parser/DOMParser';
 import Document from './nodes/document/Document';
 import IDocument from './nodes/document/IDocument';
@@ -74,6 +74,8 @@ import HTMLLabelElement from './nodes/html-label-element/HTMLLabelElement';
 import IHTMLLabelElement from './nodes/html-label-element/IHTMLLabelElement';
 import HTMLMetaElement from './nodes/html-meta-element/HTMLMetaElement';
 import IHTMLMetaElement from './nodes/html-meta-element/IHTMLMetaElement';
+import HTMLBaseElement from './nodes/html-base-element/HTMLBaseElement';
+import IHTMLBaseElement from './nodes/html-base-element/IHTMLBaseElement';
 import SVGElement from './nodes/svg-element/SVGElement';
 import ISVGElement from './nodes/svg-element/ISVGElement';
 import SVGGraphicsElement from './nodes/svg-element/SVGGraphicsElement';
@@ -103,7 +105,7 @@ import { URLSearchParams } from 'url';
 import Selection from './selection/Selection';
 
 export {
-	AsyncWindow,
+	GlobalWindow,
 	Window,
 	IWindow,
 	DataTransfer,
@@ -179,6 +181,8 @@ export {
 	IHTMLLabelElement,
 	HTMLMetaElement,
 	IHTMLMetaElement,
+	HTMLBaseElement,
+	IHTMLBaseElement,
 	SVGElement,
 	ISVGElement,
 	SVGGraphicsElement,

package/src/nodes/document/Document.ts

@@ -2,7 +2,7 @@ import Element from '../element/Element';
 import HTMLUnknownElement from '../html-unknown-element/HTMLUnknownElement';
 import Text from '../text/Text';
 import Comment from '../comment/Comment';
-import Window from '../../window/Window';
+import IWindow from '../../window/IWindow';
 import Node from '../node/Node';
 import TreeWalker from '../../tree-walker/TreeWalker';
 import DocumentFragment from '../document-fragment/DocumentFragment';
@@ -54,7 +54,7 @@ export default class Document extends Node implements IDocument {
 	public _activeElement: IHTMLElement = null;
 	protected _isFirstWrite = true;
 	protected _isFirstWriteAfterOpen = false;
-	private _defaultView: Window = null;
+	private _defaultView: IWindow = null;
 	private _cookie = '';
 
 	/**
@@ -103,7 +103,7 @@ export default class Document extends Node implements IDocument {
 	 *
 	 * @returns Default view.
 	 */
-	public get defaultView(): Window {
+	public get defaultView(): IWindow {
 		return this._defaultView;
 	}
 
@@ -112,7 +112,7 @@ export default class Document extends Node implements IDocument {
 	 *
 	 * @param defaultView Default view.
 	 */
-	public set defaultView(defaultView: Window) {
+	public set defaultView(defaultView: IWindow) {
 		this._defaultView = defaultView;
 		this._readyStateManager = new DocumentReadyStateManager(defaultView);
 		this._readyStateManager.whenComplete().then(() => {

package/src/nodes/document/IDocument.ts

@@ -1,6 +1,6 @@
 import IElement from '../element/IElement';
 import IHTMLElement from '../html-element/IHTMLElement';
-import Window from '../../window/Window';
+import IWindow from '../../window/IWindow';
 import TreeWalker from '../../tree-walker/TreeWalker';
 import Event from '../../event/Event';
 import DOMImplementation from '../../dom-implementation/DOMImplementation';
@@ -24,7 +24,7 @@ import INodeList from '../node/INodeList';
  */
 export default interface IDocument extends IParentNode {
 	onreadystatechange: (event: Event) => void;
-	readonly defaultView: Window;
+	readonly defaultView: IWindow;
 	readonly implementation: DOMImplementation;
 	readonly documentElement: IHTMLElement;
 	readonly doctype: IDocumentType;

package/src/nodes/html-base-element/HTMLBaseElement.ts

@@ -0,0 +1,61 @@
+import HTMLElement from '../html-element/HTMLElement';
+import IHTMLBaseElement from './IHTMLBaseElement';
+
+/**
+ * HTML Base Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base.
+ */
+export default class HTMLBaseElement extends HTMLElement implements IHTMLBaseElement {
+	/**
+	 * Returns href.
+	 *
+	 * @returns Href.
+	 */
+	public get href(): string {
+		const href = this.getAttributeNS(null, 'href');
+		if (href !== null) {
+			return href;
+		}
+		return this.ownerDocument.location.href;
+	}
+
+	/**
+	 * Sets href.
+	 *
+	 * @param href Href.
+	 */
+	public set href(href: string) {
+		this.setAttributeNS(null, 'href', href);
+	}
+
+	/**
+	 * Returns target.
+	 *
+	 * @returns Target.
+	 */
+	public get target(): string {
+		return this.getAttributeNS(null, 'target') || '';
+	}
+
+	/**
+	 * Sets target.
+	 *
+	 * @param target Target.
+	 */
+	public set target(target: string) {
+		this.setAttributeNS(null, 'target', target);
+	}
+
+	/**
+	 * Clones a node.
+	 *
+	 * @override
+	 * @param [deep=false] "true" to clone deep.
+	 * @returns Cloned node.
+	 */
+	public cloneNode(deep = false): IHTMLBaseElement {
+		return <IHTMLBaseElement>super.cloneNode(deep);
+	}
+}

package/src/nodes/html-base-element/IHTMLBaseElement.ts

@@ -0,0 +1,21 @@
+import IHTMLElement from '../html-element/IHTMLElement';
+
+/**
+ * HTML Base Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base.
+ */
+export default interface IHTMLBaseElement extends IHTMLElement {
+	href: string;
+	target: string;
+
+	/**
+	 * Clones a node.
+	 *
+	 * @override
+	 * @param [deep=false] "true" to clone deep.
+	 * @returns Cloned node.
+	 */
+	cloneNode(deep: boolean): IHTMLBaseElement;
+}

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

@@ -221,7 +221,10 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 						})
 					);
 					(<Document>this.ownerDocument)._readyStateManager.endTask();
-					if (!this._listeners['error'] && !this.ownerDocument.defaultView._listeners['error']) {
+					if (
+						!this['_listeners']['error'] &&
+						!this.ownerDocument.defaultView['_listeners']['error']
+					) {
 						this.ownerDocument.defaultView.console.error(error);
 					}
 				});
@@ -267,7 +270,10 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 							})
 						);
 						(<Document>this.ownerDocument)._readyStateManager.endTask();
-						if (!this._listeners['error'] && !this.ownerDocument.defaultView._listeners['error']) {
+						if (
+							!this['_listeners']['error'] &&
+							!this.ownerDocument.defaultView['_listeners']['error']
+						) {
 							this.ownerDocument.defaultView.console.error(error);
 						}
 					});

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

@@ -37,8 +37,8 @@ export default class ScriptUtility {
 					})
 				);
 				if (
-					!element._listeners['error'] &&
-					!element.ownerDocument.defaultView._listeners['error']
+					!element['_listeners']['error'] &&
+					!element.ownerDocument.defaultView['_listeners']['error']
 				) {
 					element.ownerDocument.defaultView.console.error(error);
 				}
@@ -66,8 +66,8 @@ export default class ScriptUtility {
 					})
 				);
 				if (
-					!element._listeners['error'] &&
-					!element.ownerDocument.defaultView._listeners['error']
+					!element['_listeners']['error'] &&
+					!element.ownerDocument.defaultView['_listeners']['error']
 				) {
 					element.ownerDocument.defaultView.console.error(error);
 				}

package/src/nodes/node/INode.ts

@@ -21,6 +21,7 @@ export default interface INode extends IEventTarget {
 	readonly nextSibling: INode;
 	readonly firstChild: INode;
 	readonly lastChild: INode;
+	readonly baseURI: string;
 	nodeValue: string;
 	textContent: string;
 	connectedCallback?(): void;

package/src/nodes/node/Node.ts

@@ -7,6 +7,7 @@ import INode from './INode';
 import DOMException from '../../exception/DOMException';
 import IDocument from '../document/IDocument';
 import IElement from '../element/IElement';
+import IHTMLBaseElement from '../html-base-element/IHTMLBaseElement';
 import INodeList from './INodeList';
 import NodeListFactory from './NodeListFactory';
 
@@ -156,6 +157,19 @@ export default class Node extends EventTarget implements INode {
 		return <IElement>parent;
 	}
 
+	/**
+	 * Returns base URI.
+	 *
+	 * @returns Base URI.
+	 */
+	public get baseURI(): string {
+		const base = <IHTMLBaseElement>this.ownerDocument.querySelector('base');
+		if (base) {
+			return base.href;
+		}
+		return this.ownerDocument.location.href;
+	}
+
 	/**
 	 * Connected callback.
 	 */

package/src/window/GlobalWindow.ts

@@ -0,0 +1,82 @@
+import Window from './Window';
+
+/**
+ * Browser window.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/Window.
+ */
+export default class GlobalWindow extends Window {
+	// Node.js Globals
+	public ArrayBuffer = globalThis.ArrayBuffer;
+	public Boolean = globalThis.Boolean;
+	public Buffer = globalThis.global ? globalThis.global.Buffer : Buffer;
+	public DataView = globalThis.DataView;
+	public Date = globalThis.Date;
+	public Error = globalThis.Error;
+	public EvalError = globalThis.EvalError;
+	public Float32Array = globalThis.Float32Array;
+	public Float64Array = globalThis.Float64Array;
+	public GLOBAL = globalThis.GLOBAL;
+	public Infinity = globalThis.Infinity;
+	public Int16Array = globalThis.Int16Array;
+	public Int32Array = globalThis.Int32Array;
+	public Int8Array = globalThis.Int8Array;
+	public Intl = globalThis.Intl;
+	public JSON = globalThis.JSON;
+	public Map = globalThis.Map;
+	public Math = globalThis.Math;
+	public NaN = globalThis.NaN;
+	public Number = globalThis.Number;
+	public Promise = globalThis.Promise;
+	public RangeError = globalThis.RangeError;
+	public ReferenceError = globalThis.ReferenceError;
+	public RegExp = globalThis.RegExp;
+	public Reflect = globalThis.ArrayBuffer;
+	public Set = globalThis.Set;
+	public Symbol = globalThis.Symbol;
+	public SyntaxError = globalThis.SyntaxError;
+	public String = globalThis.String;
+	public TypeError = globalThis.TypeError;
+	public URIError = globalThis.URIError;
+	public Uint16Array = globalThis.Uint16Array;
+	public Uint32Array = globalThis.Uint32Array;
+	public Uint8Array = globalThis.Uint8Array;
+	public Uint8ClampedArray = globalThis.Uint8ClampedArray;
+	public WeakMap = globalThis.WeakMap;
+	public WeakSet = globalThis.WeakSet;
+	public clearImmediate = globalThis.clearImmediate;
+	public decodeURI = globalThis.decodeURI;
+	public decodeURIComponent = globalThis.decodeURIComponent;
+	public encodeURI = globalThis.encodeURI;
+	public encodeURIComponent = globalThis.encodeURIComponent;
+	public escape = globalThis.escape;
+	public global = globalThis.global;
+	public isFinite = globalThis.isFinite;
+	public isNaN = globalThis.isNaN;
+	public parseFloat = globalThis.parseFloat;
+	public parseInt = globalThis.parseInt;
+	public process = globalThis.process;
+	public root = globalThis.ArrayBuffer;
+	public setImmediate = globalThis.setImmediate;
+	public queueMicrotask = globalThis.queueMicrotask;
+	public undefined = globalThis.ArrayBuffer;
+	public unescape = globalThis.unescape;
+	public gc = globalThis.gc;
+	public v8debug = globalThis.v8debug;
+	public AbortController = globalThis.AbortController;
+	public AbortSignal = globalThis.AbortSignal;
+	public Array = globalThis.Array;
+	public Object = globalThis.Object;
+	public Function = globalThis.Function;
+
+	/**
+	 * Evaluates code.
+	 *
+	 * @param code Code.
+	 * @returns Result.
+	 */
+	public eval(code: string): unknown {
+		return eval(code);
+	}
+}

package/src/window/IWindow.ts

@@ -11,6 +11,7 @@ import Element from '../nodes/element/Element';
 import HTMLTemplateElement from '../nodes/html-template-element/HTMLTemplateElement';
 import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement';
 import HTMLElement from '../nodes/html-element/HTMLElement';
+import IHTMLElement from '../nodes/html-element/IHTMLElement';
 import HTMLUnknownElement from '../nodes/html-unknown-element/HTMLUnknownElement';
 import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement';
 import HTMLTextAreaElement from '../nodes/html-text-area-element/HTMLTextAreaElement';
@@ -19,6 +20,7 @@ import HTMLStyleElement from '../nodes/html-style-element/HTMLStyleElement';
 import HTMLSlotElement from '../nodes/html-slot-element/HTMLSlotElement';
 import HTMLLabelElement from '../nodes/html-label-element/HTMLLabelElement';
 import HTMLMetaElement from '../nodes/html-meta-element/HTMLMetaElement';
+import HTMLBaseElement from '../nodes/html-base-element/HTMLBaseElement';
 import SVGSVGElement from '../nodes/svg-element/SVGSVGElement';
 import SVGElement from '../nodes/svg-element/SVGElement';
 import HTMLScriptElement from '../nodes/html-script-element/HTMLScriptElement';
@@ -61,14 +63,8 @@ import ErrorEvent from '../event/events/ErrorEvent';
 import StorageEvent from '../event/events/StorageEvent';
 import Screen from '../screen/Screen';
 import AsyncTaskManager from '../async-task-manager/AsyncTaskManager';
-import IResponse from '../fetch/IResponse';
-import IResponseInit from '../fetch/IResponseInit';
-import IRequest from '../fetch/IRequest';
-import IRequestInit from '../fetch/IRequestInit';
-import IHeaders from '../fetch/IHeaders';
 import Storage from '../storage/Storage';
 import NodeFilter from '../tree-walker/NodeFilter';
-import Window from './Window';
 import HTMLCollection from '../nodes/element/HTMLCollection';
 import NodeList from '../nodes/node/NodeList';
 import Selection from '../selection/Selection';
@@ -78,12 +74,20 @@ import MimeType from '../navigator/MimeType';
 import MimeTypeArray from '../navigator/MimeTypeArray';
 import Plugin from '../navigator/Plugin';
 import PluginArray from '../navigator/PluginArray';
+import IResponseInit from '../fetch/IResponseInit';
+import IRequest from '../fetch/IRequest';
+import IHeaders from '../fetch/IHeaders';
+import IRequestInit from '../fetch/IRequestInit';
+import IResponse from '../fetch/IResponse';
+import MediaQueryList from '../match-media/MediaQueryList';
+import Window from './Window';
 import { URLSearchParams } from 'url';
+import { Performance } from 'perf_hooks';
 
 /**
- * Window.
+ * Window without dependencies to server side specific packages.
  */
-export default interface IWindow extends IEventTarget {
+export default interface IWindow extends IEventTarget, NodeJS.Global {
 	// Public Properties
 	readonly happyDOM: {
 		whenAsyncComplete: () => Promise<void>;
@@ -106,6 +110,7 @@ export default interface IWindow extends IEventTarget {
 	readonly HTMLSlotElement: typeof HTMLSlotElement;
 	readonly HTMLLabelElement: typeof HTMLLabelElement;
 	readonly HTMLMetaElement: typeof HTMLMetaElement;
+	readonly HTMLBaseElement: typeof HTMLBaseElement;
 	readonly SVGSVGElement: typeof SVGSVGElement;
 	readonly SVGElement: typeof SVGElement;
 	readonly Image: typeof Image;
@@ -144,9 +149,6 @@ export default interface IWindow extends IEventTarget {
 	readonly Location: typeof Location;
 	readonly CustomElementRegistry: typeof CustomElementRegistry;
 	readonly Window: typeof Window;
-	readonly Headers: { new (init?: string[][] | Record<string, string> | IHeaders): IHeaders };
-	readonly Request: { new (input: string | IRequest, init?: IRequestInit): IRequest };
-	readonly Response: { new (body?: unknown | null, init?: IResponseInit): IResponse };
 	readonly XMLSerializer: typeof XMLSerializer;
 	readonly ResizeObserver: typeof ResizeObserver;
 	readonly CSSStyleSheet: typeof CSSStyleSheet;
@@ -168,6 +170,9 @@ export default interface IWindow extends IEventTarget {
 	readonly MimeTypeArray: typeof MimeTypeArray;
 	readonly Plugin: typeof Plugin;
 	readonly PluginArray: typeof PluginArray;
+	readonly Headers: { new (init?: string[][] | Record<string, string> | IHeaders): IHeaders };
+	readonly Request: { new (input: string | IRequest, init?: IRequestInit): IRequest };
+	readonly Response: { new (body?: unknown | null, init?: IResponseInit): IResponse };
 
 	// Events
 	onload: (event: Event) => void;
@@ -190,6 +195,7 @@ export default interface IWindow extends IEventTarget {
 	readonly innerHeight: number;
 	readonly sessionStorage: Storage;
 	readonly localStorage: Storage;
+	readonly performance: Performance;
 
 	/**
 	 * Evaluates code.
@@ -205,7 +211,14 @@ export default interface IWindow extends IEventTarget {
 	 * @param element Element.
 	 * @returns CSS style declaration.
 	 */
-	getComputedStyle(element: HTMLElement): CSSStyleDeclaration;
+	getComputedStyle(element: IHTMLElement): CSSStyleDeclaration;
+
+	/**
+	 * Returns selection.
+	 *
+	 * @returns Selection.
+	 */
+	getSelection(): Selection;
 
 	/**
 	 * Scrolls to a particular set of coordinates.
@@ -223,6 +236,14 @@ export default interface IWindow extends IEventTarget {
 	 */
 	scrollTo(x: { top?: number; left?: number; behavior?: string } | number, y?: number): void;
 
+	/**
+	 * Returns a new MediaQueryList object that can then be used to determine if the document matches the media query string.
+	 *
+	 * @param mediaQueryString A string specifying the media query to parse into a MediaQueryList.
+	 * @returns A new MediaQueryList.
+	 */
+	matchMedia(mediaQueryString: string): MediaQueryList;
+
 	/**
 	 * Sets a timer which executes a function once the timer expires.
 	 *

package/src/window/VMGlobalPropertyScript.ts

@@ -0,0 +1,62 @@
+export default `
+this.ArrayBuffer = globalThis.ArrayBuffer;
+this.Boolean = globalThis.Boolean;
+this.DataView = globalThis.DataView;
+this.Date = globalThis.Date;
+this.Error = globalThis.Error;
+this.EvalError = globalThis.EvalError;
+this.Float32Array = globalThis.Float32Array;
+this.Float64Array = globalThis.Float64Array;
+this.GLOBAL = globalThis.GLOBAL;
+this.Infinity = globalThis.Infinity;
+this.Int16Array = globalThis.Int16Array;
+this.Int32Array = globalThis.Int32Array;
+this.Int8Array = globalThis.Int8Array;
+this.Intl = globalThis.Intl;
+this.JSON = globalThis.JSON;
+this.Map = globalThis.Map;
+this.Math = globalThis.Math;
+this.NaN = globalThis.NaN;
+this.Number = globalThis.Number;
+this.Promise = globalThis.Promise;
+this.RangeError = globalThis.RangeError;
+this.ReferenceError = globalThis.ReferenceError;
+this.RegExp = globalThis.RegExp;
+this.Reflect = globalThis.Reflect;
+this.Set = globalThis.Set;
+this.Symbol = globalThis.Symbol;
+this.SyntaxError = globalThis.SyntaxError;
+this.String = globalThis.String;
+this.TypeError = globalThis.TypeError;
+this.URIError = globalThis.URIError;
+this.Uint16Array = globalThis.Uint16Array;
+this.Uint32Array = globalThis.Uint32Array;
+this.Uint8Array = globalThis.Uint8Array;
+this.Uint8ClampedArray = globalThis.Uint8ClampedArray;
+this.WeakMap = globalThis.WeakMap;
+this.WeakSet = globalThis.WeakSet;
+this.clearImmediate = globalThis.clearImmediate;
+this.decodeURI = globalThis.decodeURI;
+this.decodeURIComponent = globalThis.decodeURIComponent;
+this.encodeURI = globalThis.encodeURI;
+this.encodeURIComponent = globalThis.encodeURIComponent;
+this.escape = globalThis.escape;
+this.global = globalThis.global;
+this.isFinite = globalThis.isFinite;
+this.isNaN = globalThis.isNaN;
+this.parseFloat = globalThis.parseFloat;
+this.parseInt = globalThis.parseInt;
+this.process = globalThis.process;
+this.root = globalThis.root;
+this.setImmediate = globalThis.setImmediate;
+this.queueMicrotask = globalThis.queueMicrotask;
+this.undefined = globalThis.undefined;
+this.unescape = globalThis.unescape;
+this.gc = globalThis.gc;
+this.v8debug = globalThis.v8debug;
+this.AbortController = globalThis.AbortController;
+this.AbortSignal = globalThis.AbortSignal;
+this.Array = globalThis.Array;
+this.Object = globalThis.Object;
+this.Function = globalThis.Function;
+`;