happy-dom 7.7.2 → 7.8.0

package/src/fetch/ResourceFetchHandler.ts

@@ -7,7 +7,7 @@ import IDocument from '../nodes/document/IDocument';
  */
 export default class ResourceFetchHandler {
 	/**
-	 * Returns resource data asynchonously.
+	 * Returns resource data asynchronously.
 	 *
 	 * @param document Document.
 	 * @param url URL.
@@ -24,7 +24,7 @@ export default class ResourceFetchHandler {
 	}
 
 	/**
-	 * Returns resource data synchonously.
+	 * Returns resource data synchronously.
 	 *
 	 * @param document Document.
 	 * @param url URL.
@@ -32,16 +32,18 @@ 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 absoluteURL = RelativeURL.getAbsoluteURL(document.defaultView.location, url);
-		const syncRequest = require('sync-request');
-		const response = syncRequest('GET', absoluteURL);
+		const absoluteURL = RelativeURL.getAbsoluteURL(document.defaultView.location, url).href;
 
-		if (response.isError()) {
+		const xhr = new document.defaultView.XMLHttpRequest();
+		xhr.open('GET', absoluteURL, false);
+		xhr.send();
+
+		if (xhr.status !== 200) {
 			throw new DOMException(
-				`Failed to perform request to "${absoluteURL}". Status code: ${response.statusCode}`
+				`Failed to perform request to "${absoluteURL}". Status code: ${xhr.status}`
 			);
 		}
 
-		return response.getBody().toString();
+		return xhr.responseText;
 	}
 }

package/src/index.ts

@@ -4,7 +4,7 @@ import Window from './window/Window';
 import DataTransfer from './event/DataTransfer';
 import DataTransferItem from './event/DataTransferItem';
 import DataTransferItemList from './event/DataTransferItemList';
-import URL from './location/URL';
+import { URL, URLSearchParams } from 'url';
 import Location from './location/Location';
 import MutationObserver from './mutation-observer/MutationObserver';
 import ResizeObserver from './resize-observer/ResizeObserver';
@@ -115,7 +115,6 @@ import CSSMediaRule from './css/rules/CSSMediaRule';
 import CSSStyleRule from './css/rules/CSSStyleRule';
 import Storage from './storage/Storage';
 import DOMRect from './nodes/element/DOMRect';
-import { URLSearchParams } from 'url';
 import Selection from './selection/Selection';
 import Range from './range/Range';
 import HTMLDialogElement from './nodes/html-dialog-element/HTMLDialogElement';

package/src/location/Location.ts

@@ -1,4 +1,4 @@
-import URL from './URL';
+import { URL } from 'url';
 
 /**
  *
@@ -8,7 +8,7 @@ export default class Location extends URL {
 	 * Constructor.
 	 */
 	constructor() {
-		super('');
+		super('about:blank');
 	}
 
 	/**
@@ -17,7 +17,7 @@ export default class Location extends URL {
 	 * @param url URL.
 	 */
 	public replace(url: string): void {
-		this.parse(url);
+		this.href = url;
 	}
 
 	/**

package/src/location/RelativeURL.ts

@@ -1,4 +1,5 @@
 import Location from './Location';
+import { URL } from 'url';
 
 /**
  * Helper class for getting the URL relative to a Location object.
@@ -10,19 +11,7 @@ export default class RelativeURL {
 	 * @param location Location.
 	 * @param url URL.
 	 */
-	public static getAbsoluteURL(location: Location, url: string): string {
-		if (url.startsWith('/')) {
-			return location.origin + url;
-		}
-
-		if (!url.startsWith('https://') && !url.startsWith('http://')) {
-			let pathname = location.pathname;
-			if (pathname.endsWith('/')) {
-				pathname = pathname.slice(0, -1);
-			}
-			return location.origin + pathname + '/' + url;
-		}
-
-		return url;
+	public static getAbsoluteURL(location: Location, url: string): URL {
+		return new URL(url, location.href);
 	}
 }

package/src/nodes/document/Document.ts

@@ -185,7 +185,6 @@ export default class Document extends Node implements IDocument {
 	/**
 	 * Creates an instance of Document.
 	 *
-	 * @param defaultView Default view.
 	 */
 	constructor() {
 		super();
@@ -406,6 +405,24 @@ export default class Document extends Node implements IDocument {
 		return this.defaultView.location.href;
 	}
 
+	/**
+	 * Returns URL.
+	 *
+	 * @returns the URL of the current document.
+	 * */
+	public get URL(): string {
+		return this.defaultView.location.href;
+	}
+
+	/**
+	 * Returns document URI.
+	 *
+	 * @returns the URL of the current document.
+	 * */
+	public get documentURI(): string {
+		return this.URL;
+	}
+
 	/**
 	 * Inserts a set of Node objects or DOMString objects after the last child of the ParentNode. DOMString objects are inserted as equivalent Text nodes.
 	 *
@@ -868,7 +885,6 @@ export default class Document extends Node implements IDocument {
 	 *
 	 * @param node Node to import.
 	 * @param [deep=false] Set to "true" if the clone should be deep.
-	 * @param Imported Node.
 	 */
 	public importNode(node: INode, deep = false): INode {
 		if (!(node instanceof Node)) {

package/src/nodes/document/IDocument.ts

@@ -39,6 +39,8 @@ export default interface IDocument extends IParentNode {
 	readonly readyState: DocumentReadyStateEnum;
 	readonly charset: string;
 	readonly characterSet: string;
+	readonly URL: string;
+	readonly documentURI: string;
 	cookie: string;
 
 	// Events

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

@@ -196,7 +196,8 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 			href !== null &&
 			rel &&
 			rel.toLowerCase() === 'stylesheet' &&
-			this.isConnected
+			this.isConnected &&
+			!this.ownerDocument.defaultView.happyDOM.settings.disableCSSFileLoading
 		) {
 			(<Document>this.ownerDocument)._readyStateManager.startTask();
 			ResourceFetchHandler.fetch(this.ownerDocument, href)
@@ -255,7 +256,11 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 
 		super._connectToNode(parentNode);
 
-		if (isConnected !== isParentConnected && this._evaluateCSS) {
+		if (
+			isConnected !== isParentConnected &&
+			this._evaluateCSS &&
+			!this.ownerDocument.defaultView.happyDOM.settings.disableCSSFileLoading
+		) {
 			const href = this.getAttributeNS(null, 'href');
 			const rel = this.getAttributeNS(null, 'rel');
 

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

@@ -193,7 +193,7 @@ export default class HTMLScriptElement extends HTMLElement implements IHTMLScrip
 
 			if (src !== null) {
 				ScriptUtility.loadExternalScript(this);
-			} else {
+			} else if (!this.ownerDocument.defaultView.happyDOM.settings.disableJavaScriptEvaluation) {
 				const textContent = this.textContent;
 				const type = this.getAttributeNS(null, 'type');
 				if (

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

@@ -18,6 +18,14 @@ export default class ScriptUtility {
 	public static async loadExternalScript(element: HTMLScriptElement): Promise<void> {
 		const src = element.getAttributeNS(null, 'src');
 		const async = element.getAttributeNS(null, 'async') !== null;
+
+		if (
+			element.ownerDocument.defaultView.happyDOM.settings.disableJavaScriptFileLoading ||
+			element.ownerDocument.defaultView.happyDOM.settings.disableJavaScriptEvaluation
+		) {
+			return;
+		}
+
 		if (async) {
 			let code = null;
 			(<Document>element.ownerDocument)._readyStateManager.startTask();

package/src/window/IHappyDOMSettings.ts

@@ -0,0 +1,9 @@
+/**
+ * Happy DOM settings.
+ */
+export default interface IHappyDOMSettings {
+	disableJavaScriptEvaluation: boolean;
+	disableJavaScriptFileLoading: boolean;
+	disableCSSFileLoading: boolean;
+	enableFileSystemHttpRequests: boolean;
+}

package/src/window/IWindow.ts

@@ -39,7 +39,7 @@ import KeyboardEvent from '../event/events/KeyboardEvent';
 import ProgressEvent from '../event/events/ProgressEvent';
 import MediaQueryListEvent from '../event/events/MediaQueryListEvent';
 import EventTarget from '../event/EventTarget';
-import URL from '../location/URL';
+import { URL, URLSearchParams } from 'url';
 import Location from '../location/Location';
 import MutationObserver from '../mutation-observer/MutationObserver';
 import DOMParser from '../dom-parser/DOMParser';
@@ -92,14 +92,18 @@ import IRequestInit from '../fetch/IRequestInit';
 import IResponse from '../fetch/IResponse';
 import Range from '../range/Range';
 import MediaQueryList from '../match-media/MediaQueryList';
+import XMLHttpRequest from '../xml-http-request/XMLHttpRequest';
+import XMLHttpRequestUpload from '../xml-http-request/XMLHttpRequestUpload';
+import XMLHttpRequestEventTarget from '../xml-http-request/XMLHttpRequestEventTarget';
 import DOMRect from '../nodes/element/DOMRect';
 import Window from './Window';
 import Attr from '../nodes/attr/Attr';
 import NamedNodeMap from '../named-node-map/NamedNodeMap';
-import { URLSearchParams } from 'url';
 import { Performance } from 'perf_hooks';
 import IElement from '../nodes/element/IElement';
 import ProcessingInstruction from '../nodes/processing-instruction/ProcessingInstruction';
+import IHappyDOMSettings from './IHappyDOMSettings';
+import RequestInfo from '../fetch/RequestInfo';
 
 /**
  * Window without dependencies to server side specific packages.
@@ -112,6 +116,8 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 		asyncTaskManager: AsyncTaskManager;
 		setInnerWidth: (width: number) => void;
 		setInnerHeight: (height: number) => void;
+		setURL: (url: string) => void;
+		settings: IHappyDOMSettings;
 	};
 
 	// Global classes
@@ -173,6 +179,7 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	readonly DataTransferItem: typeof DataTransferItem;
 	readonly DataTransferItemList: typeof DataTransferItemList;
 	readonly URL: typeof URL;
+	readonly URLSearchParams: typeof URLSearchParams;
 	readonly Location: typeof Location;
 	readonly CustomElementRegistry: typeof CustomElementRegistry;
 	readonly Window: typeof Window;
@@ -186,7 +193,6 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	readonly History: typeof History;
 	readonly Screen: typeof Screen;
 	readonly Storage: typeof Storage;
-	readonly URLSearchParams: typeof URLSearchParams;
 	readonly HTMLCollection: typeof HTMLCollection;
 	readonly NodeList: typeof NodeList;
 	readonly CSSUnitValue: typeof CSSUnitValue;
@@ -209,6 +215,9 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	readonly Response: { new (body?: unknown | null, init?: IResponseInit): IResponse };
 	readonly Range: typeof Range;
 	readonly DOMRect: typeof DOMRect;
+	readonly XMLHttpRequest: typeof XMLHttpRequest;
+	readonly XMLHttpRequestUpload: typeof XMLHttpRequestUpload;
+	readonly XMLHttpRequestEventTarget: typeof XMLHttpRequestEventTarget;
 
 	// Events
 	onload: (event: Event) => void;
@@ -334,13 +343,13 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	 * @param [init] Init.
 	 * @returns Promise.
 	 */
-	fetch(url: string, init?: IRequestInit): Promise<IResponse>;
+	fetch(url: RequestInfo, init?: IRequestInit): Promise<IResponse>;
 
 	/**
 	 * Creates a Base64-encoded ASCII string from a binary string (i.e., a string in which each character in the string is treated as a byte of binary data).
 	 *
 	 * @see https://developer.mozilla.org/en-US/docs/Web/API/btoa
-	 * @param data Binay data.
+	 * @param data Binary data.
 	 * @returns Base64-encoded string.
 	 */
 	btoa(data: unknown): string;
@@ -351,7 +360,7 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	 * @see https://developer.mozilla.org/en-US/docs/Web/API/atob
 	 * @see https://infra.spec.whatwg.org/#forgiving-base64-encode.
 	 * @see Https://html.spec.whatwg.org/multipage/webappapis.html#btoa.
-	 * @param data Binay string.
+	 * @param data Binary string.
 	 * @returns An ASCII string containing decoded data from encodedData.
 	 */
 	atob(data: unknown): string;

package/src/window/Window.ts

@@ -40,7 +40,7 @@ import KeyboardEvent from '../event/events/KeyboardEvent';
 import ProgressEvent from '../event/events/ProgressEvent';
 import MediaQueryListEvent from '../event/events/MediaQueryListEvent';
 import EventTarget from '../event/EventTarget';
-import URL from '../location/URL';
+import { URL, URLSearchParams } from 'url';
 import Location from '../location/Location';
 import NonImplementedEventTypes from '../event/NonImplementedEventTypes';
 import MutationObserver from '../mutation-observer/MutationObserver';
@@ -97,7 +97,6 @@ import MimeType from '../navigator/MimeType';
 import MimeTypeArray from '../navigator/MimeTypeArray';
 import Plugin from '../navigator/Plugin';
 import PluginArray from '../navigator/PluginArray';
-import { URLSearchParams } from 'url';
 import FetchHandler from '../fetch/FetchHandler';
 import { default as RangeImplementation } from '../range/Range';
 import DOMRect from '../nodes/element/DOMRect';
@@ -105,12 +104,17 @@ import VMGlobalPropertyScript from './VMGlobalPropertyScript';
 import * as PerfHooks from 'perf_hooks';
 import VM from 'vm';
 import { Buffer } from 'buffer';
+import XMLHttpRequestImplementation from '../xml-http-request/XMLHttpRequest';
+import XMLHttpRequestUpload from '../xml-http-request/XMLHttpRequestUpload';
+import XMLHttpRequestEventTarget from '../xml-http-request/XMLHttpRequestEventTarget';
 import Base64 from '../base64/Base64';
 import IDocument from '../nodes/document/IDocument';
 import Attr from '../nodes/attr/Attr';
 import NamedNodeMap from '../named-node-map/NamedNodeMap';
 import IElement from '../nodes/element/IElement';
 import ProcessingInstruction from '../nodes/processing-instruction/ProcessingInstruction';
+import IHappyDOMSettings from './IHappyDOMSettings';
+import RequestInfo from '../fetch/RequestInfo';
 
 const ORIGINAL_SET_TIMEOUT = setTimeout;
 const ORIGINAL_CLEAR_TIMEOUT = clearTimeout;
@@ -144,6 +148,15 @@ export default class Window extends EventTarget implements IWindow {
 				(<number>this.innerHeight) = height;
 				this.dispatchEvent(new Event('resize'));
 			}
+		},
+		setURL: (url: string) => {
+			this.location.href = url;
+		},
+		settings: {
+			disableJavaScriptEvaluation: false,
+			disableJavaScriptFileLoading: false,
+			disableCSSFileLoading: false,
+			enableFileSystemHttpRequests: false
 		}
 	};
 
@@ -241,6 +254,9 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly Response: {
 		new (body?: NodeJS.ReadableStream | null, init?: IResponseInit): IResponse;
 	};
+	public readonly XMLHttpRequestUpload = XMLHttpRequestUpload;
+	public readonly XMLHttpRequestEventTarget = XMLHttpRequestEventTarget;
+	public readonly XMLHttpRequest;
 	public readonly DOMParser;
 	public readonly Range;
 	public readonly FileReader;
@@ -346,8 +362,14 @@ export default class Window extends EventTarget implements IWindow {
 	 * @param [options.innerWidth] Inner width.
 	 * @param [options.innerHeight] Inner height.
 	 * @param [options.url] URL.
+	 * @param [options.settings] Settings.
 	 */
-	constructor(options?: { innerWidth?: number; innerHeight?: number; url?: string }) {
+	constructor(options?: {
+		innerWidth?: number;
+		innerHeight?: number;
+		url?: string;
+		settings?: IHappyDOMSettings;
+	}) {
 		super();
 
 		this.customElements = new CustomElementRegistry();
@@ -365,6 +387,10 @@ export default class Window extends EventTarget implements IWindow {
 			this.location.href = options.url;
 		}
 
+		if (options?.settings) {
+			this.happyDOM.settings = Object.assign(this.happyDOM.settings, options.settings);
+		}
+
 		this._setTimeout = ORIGINAL_SET_TIMEOUT;
 		this._clearTimeout = ORIGINAL_CLEAR_TIMEOUT;
 		this._setInterval = ORIGINAL_SET_INTERVAL;
@@ -413,6 +439,7 @@ export default class Window extends EventTarget implements IWindow {
 		FileReaderImplementation._ownerDocument = document;
 		DOMParserImplementation._ownerDocument = document;
 		RangeImplementation._ownerDocument = document;
+		XMLHttpRequestImplementation._ownerDocument = document;
 
 		/* eslint-disable jsdoc/require-jsdoc */
 		class Response extends ResponseImplementation {
@@ -430,10 +457,13 @@ export default class Window extends EventTarget implements IWindow {
 		class DOMParser extends DOMParserImplementation {
 			public static _ownerDocument: IDocument = document;
 		}
-		class Range extends RangeImplementation {
+		class XMLHttpRequest extends XMLHttpRequestImplementation {
 			public static _ownerDocument: IDocument = document;
 		}
 
+		class Range extends RangeImplementation {
+			public static _ownerDocument: IDocument = document;
+		}
 		/* eslint-enable jsdoc/require-jsdoc */
 
 		this.Response = Response;
@@ -441,6 +471,7 @@ export default class Window extends EventTarget implements IWindow {
 		this.Image = Image;
 		this.FileReader = FileReader;
 		this.DOMParser = DOMParser;
+		this.XMLHttpRequest = XMLHttpRequest;
 		this.Range = Range;
 
 		this._setupVMContext();
@@ -629,7 +660,7 @@ export default class Window extends EventTarget implements IWindow {
 	 * @param [init] Init.
 	 * @returns Promise.
 	 */
-	public async fetch(url: string, init?: IRequestInit): Promise<IResponse> {
+	public async fetch(url: RequestInfo, init?: IRequestInit): Promise<IResponse> {
 		return await FetchHandler.fetch(this.document, url, init);
 	}