happy-dom 2.50.0 → 2.52.0

package/src/fetch/IResponse.ts

@@ -0,0 +1,22 @@
+import IHeaders from './IHeaders';
+import IBody from './IBody';
+
+/**
+ * Fetch response.
+ */
+export default interface IResponse extends IBody {
+	readonly headers: IHeaders;
+	readonly ok: boolean;
+	readonly redirected: boolean;
+	readonly status: number;
+	readonly statusText: string;
+	readonly type: 'basic' | 'cors' | 'default' | 'error' | 'opaque' | 'opaqueredirect';
+	readonly url: string;
+
+	/**
+	 * Returns a clone.
+	 *
+	 * @returns Clone.
+	 */
+	clone(): IResponse;
+}

package/src/fetch/IResponseInit.ts

@@ -0,0 +1,10 @@
+import IHeaders from './IHeaders';
+
+/**
+ * Response init.
+ */
+export default interface IResponseInit {
+	headers?: IHeaders | string[][] | Record<string, string>;
+	status?: number;
+	statusText?: string;
+}

package/src/fetch/Request.ts

@@ -0,0 +1,149 @@
+import * as NodeFetch from 'node-fetch';
+import IRequest from './IRequest';
+import IBlob from '../file/IBlob';
+import IDocument from '../nodes/document/IDocument';
+
+/**
+ * Fetch request.
+ */
+export default class Request extends NodeFetch.Request implements IRequest {
+	public static _ownerDocument: IDocument = null;
+
+	/**
+	 * Returns array buffer.
+	 *
+	 * @returns Array buffer.
+	 */
+	public arrayBuffer(): Promise<ArrayBuffer> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.arrayBuffer()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns blob.
+	 *
+	 * @returns Blob.
+	 */
+	public blob(): Promise<IBlob> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.blob()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns buffer.
+	 *
+	 * @returns Buffer.
+	 */
+	public buffer(): Promise<Buffer> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.buffer()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns json.
+	 *
+	 * @returns JSON.
+	 */
+	public json(): Promise<unknown> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.json()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns json.
+	 *
+	 * @returns JSON.
+	 */
+	public text(): Promise<string> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.text()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns json.
+	 *
+	 * @returns JSON.
+	 */
+	public textConverted(): Promise<string> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.textConverted()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Handles promise start.
+	 *
+	 * @returns Task ID.
+	 */
+	private _handlePromiseStart(): number {
+		const taskManager = (<typeof Request>this.constructor)._ownerDocument.defaultView.happyDOM
+			.asyncTaskManager;
+		return taskManager.startTask();
+	}
+
+	/**
+	 * Handles promise end.
+	 *
+	 * @param resolve Resolve.
+	 * @param reject Reject.
+	 * @param taskID Task ID.
+	 * @param response Response.
+	 */
+	private _handlePromiseEnd(
+		resolve: (response: unknown) => void,
+		reject: (error: Error) => void,
+		taskID: number,
+		response: unknown
+	): void {
+		const taskManager = (<typeof Request>this.constructor)._ownerDocument.defaultView.happyDOM
+			.asyncTaskManager;
+		if (taskManager.getTaskCount() === 0) {
+			reject(new Error('Failed to complete fetch request. Task was canceled.'));
+		} else {
+			resolve(response);
+			taskManager.endTask(taskID);
+		}
+	}
+
+	/**
+	 * Handles promise error.
+	 *
+	 * @param error
+	 * @param reject
+	 */
+	private _handlePromiseError(reject: (error: Error) => void, error: Error): void {
+		const taskManager = (<typeof Request>this.constructor)._ownerDocument.defaultView.happyDOM
+			.asyncTaskManager;
+		reject(error);
+		taskManager.cancelAll(error);
+	}
+}

package/src/fetch/ResourceFetchHandler.ts

@@ -0,0 +1,47 @@
+import RelativeURL from '../location/RelativeURL';
+import DOMException from '../exception/DOMException';
+import IDocument from '../nodes/document/IDocument';
+
+/**
+ * Helper class for performing fetch of resources.
+ */
+export default class ResourceFetchHandler {
+	/**
+	 * Returns resource data asynchonously.
+	 *
+	 * @param document Document.
+	 * @param url URL.
+	 * @returns Response.
+	 */
+	public static async fetch(document: IDocument, url: string): Promise<string> {
+		const response = await document.defaultView.fetch(url);
+		if (!response.ok) {
+			throw new DOMException(
+				`Failed to perform request to "${url}". Status code: ${response.status}`
+			);
+		}
+		return await response.text();
+	}
+
+	/**
+	 * Returns resource data synchonously.
+	 *
+	 * @param document Document.
+	 * @param url URL.
+	 * @returns Response.
+	 */
+	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);
+
+		if (response.isError()) {
+			throw new DOMException(
+				`Failed to perform request to "${absoluteURL}". Status code: ${response.statusCode}`
+			);
+		}
+
+		return response.getBody();
+	}
+}

package/src/fetch/Response.ts

@@ -0,0 +1,149 @@
+import IResponse from './IResponse';
+import IBlob from '../file/IBlob';
+import IDocument from '../nodes/document/IDocument';
+import * as NodeFetch from 'node-fetch';
+
+/**
+ * Fetch response.
+ */
+export default class Response extends NodeFetch.Response implements IResponse {
+	public static _ownerDocument: IDocument = null;
+
+	/**
+	 * Returns array buffer.
+	 *
+	 * @returns Array buffer.
+	 */
+	public arrayBuffer(): Promise<ArrayBuffer> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.arrayBuffer()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns blob.
+	 *
+	 * @returns Blob.
+	 */
+	public blob(): Promise<IBlob> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.blob()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns buffer.
+	 *
+	 * @returns Buffer.
+	 */
+	public buffer(): Promise<Buffer> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.buffer()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns json.
+	 *
+	 * @returns JSON.
+	 */
+	public json(): Promise<unknown> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.json()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns json.
+	 *
+	 * @returns JSON.
+	 */
+	public text(): Promise<string> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.text()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Returns json.
+	 *
+	 * @returns JSON.
+	 */
+	public textConverted(): Promise<string> {
+		return new Promise((resolve, reject) => {
+			const taskID = this._handlePromiseStart();
+			super
+				.textConverted()
+				.then(this._handlePromiseEnd.bind(this, resolve, reject, taskID))
+				.catch(this._handlePromiseError.bind(this, reject));
+		});
+	}
+
+	/**
+	 * Handles promise start.
+	 *
+	 * @returns Task ID.
+	 */
+	private _handlePromiseStart(): number {
+		const taskManager = (<typeof Response>this.constructor)._ownerDocument.defaultView.happyDOM
+			.asyncTaskManager;
+		return taskManager.startTask();
+	}
+
+	/**
+	 * Handles promise end.
+	 *
+	 * @param resolve Resolve.
+	 * @param reject Reject.
+	 * @param taskID Task ID.
+	 * @param response Response.
+	 */
+	private _handlePromiseEnd(
+		resolve: (response: unknown) => void,
+		reject: (error: Error) => void,
+		taskID: number,
+		response: unknown
+	): void {
+		const taskManager = (<typeof Response>this.constructor)._ownerDocument.defaultView.happyDOM
+			.asyncTaskManager;
+		if (taskManager.getTaskCount() === 0) {
+			reject(new Error('Failed to complete fetch request. Task was canceled.'));
+		} else {
+			resolve(response);
+			taskManager.endTask(taskID);
+		}
+	}
+
+	/**
+	 * Handles promise error.
+	 *
+	 * @param error
+	 * @param reject
+	 */
+	private _handlePromiseError(reject: (error: Error) => void, error: Error): void {
+		const taskManager = (<typeof Response>this.constructor)._ownerDocument.defaultView.happyDOM
+			.asyncTaskManager;
+		reject(error);
+		taskManager.cancelAll(error);
+	}
+}

package/src/file/Blob.ts

@@ -1,3 +1,5 @@
+import IBlob from './IBlob';
+
 /**
  * Reference:
  * https://developer.mozilla.org/en-US/docs/Web/API/Blob.
@@ -5,7 +7,7 @@
  * Based on:
  * https://github.com/jsdom/jsdom/blob/master/lib/jsdom/living/file-api/Blob-impl.js (MIT licensed).
  */
-export default class Blob {
+export default class Blob implements IBlob {
 	public readonly _buffer: Buffer = null;
 	public readonly type: string = '';
 
@@ -108,6 +110,15 @@ export default class Blob {
 		return blob;
 	}
 
+	/**
+	 * Returns a Promise that resolves to a text.
+	 *
+	 * @returns Text.
+	 */
+	public async text(): Promise<string> {
+		return this._buffer.toString();
+	}
+
 	/**
 	 * Closes the blob.
 	 *

package/src/file/IBlob.ts

@@ -0,0 +1,10 @@
+/**
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/Blob.
+ */
+export default interface IBlob {
+	readonly type: string;
+	readonly size: number;
+	slice(start?: number, end?: number): IBlob;
+	text(): Promise<string>;
+}

package/src/form-data/IFormData.ts

@@ -0,0 +1,33 @@
+import Stream from 'stream';
+import HTTP from 'http';
+
+interface IHeaders {
+	[key: string]: unknown;
+}
+
+interface IAppendOptions {
+	header?: string | IHeaders;
+	knownLength?: number;
+	filename?: string;
+	filepath?: string;
+	contentType?: string;
+}
+
+interface ISubmitOptions extends HTTP.RequestOptions {
+	protocol?: 'https:' | 'http:';
+}
+
+export default interface IFormData extends Stream.Readable {
+	append(key: string, value: unknown, options?: IAppendOptions | string): void;
+	getHeaders(userHeaders?: IHeaders): { [key: string]: IHeaders };
+	submit(
+		params: string | ISubmitOptions,
+		callback?: (error: Error | null, response: HTTP.IncomingMessage) => void
+	): HTTP.ClientRequest;
+	getBuffer(): Buffer;
+	setBoundary(boundary: string): void;
+	getBoundary(): string;
+	getLength(callback: (err: Error | null, length: number) => void): void;
+	getLengthSync(): number;
+	hasKnownLength(): boolean;
+}

package/src/index.ts

@@ -14,9 +14,7 @@ import DOMException from './exception/DOMException';
 import History from './history/History';
 import CSSStyleDeclaration from './css/CSSStyleDeclaration';
 import Screen from './screen/Screen';
-import AsyncTaskManager from './window/AsyncTaskManager';
-import IResponse from './window/IResponse';
-import IFetchOptions from './window/IFetchOptions';
+import AsyncTaskManager from './async-task-manager/AsyncTaskManager';
 import NodeFilter from './tree-walker/NodeFilter';
 import Event from './event/Event';
 import EventTarget from './event/EventTarget';
@@ -101,7 +99,7 @@ import XMLParser from './xml-parser/XMLParser';
 import XMLSerializer from './xml-serializer/XMLSerializer';
 import CSSStyleSheet from './css/CSSStyleSheet';
 import Storage from './storage/Storage';
-import URLSearchParams from './url-search-params/URLSearchParams';
+import { URLSearchParams } from 'url';
 import Selection from './selection/Selection';
 
 export {
@@ -123,8 +121,6 @@ export {
 	CSSStyleDeclaration,
 	Screen,
 	AsyncTaskManager,
-	IResponse,
-	IFetchOptions,
 	NodeFilter,
 	Event,
 	EventTarget,

package/src/nodes/document/Document.ts

@@ -37,6 +37,7 @@ import DocumentReadyStateEnum from './DocumentReadyStateEnum';
 import DocumentReadyStateManager from './DocumentReadyStateManager';
 import Location from '../../location/Location';
 import Selection from '../../selection/Selection';
+import IShadowRoot from '../shadow-root/IShadowRoot';
 
 /**
  * Document.
@@ -240,6 +241,17 @@ export default class Document extends Node implements IDocument {
 	 * @returns Active element.
 	 */
 	public get activeElement(): IHTMLElement {
+		if (this._activeElement) {
+			let rootNode: IShadowRoot | IDocument = <IShadowRoot | IDocument>(
+				this._activeElement.getRootNode()
+			);
+			let activeElement: IHTMLElement = this._activeElement;
+			while (rootNode !== this) {
+				activeElement = <IHTMLElement>(<IShadowRoot>rootNode).host;
+				rootNode = <IShadowRoot | IDocument>activeElement.getRootNode();
+			}
+			return activeElement;
+		}
 		return this._activeElement || this.body || this.documentElement || null;
 	}
 

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

@@ -1,6 +1,6 @@
 import Attr from '../../attribute/Attr';
 import CSSStyleSheet from '../../css/CSSStyleSheet';
-import ResourceFetcher from '../../fetch/ResourceFetcher';
+import ResourceFetchHandler from '../../fetch/ResourceFetchHandler';
 import HTMLElement from '../html-element/HTMLElement';
 import Document from '../document/Document';
 import IHTMLLinkElement from './IHTMLLinkElement';
@@ -199,7 +199,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 			this.isConnected
 		) {
 			(<Document>this.ownerDocument)._readyStateManager.startTask();
-			ResourceFetcher.fetch({ window: this.ownerDocument.defaultView, url: href })
+			ResourceFetchHandler.fetch(this.ownerDocument, href)
 				.then((code) => {
 					const styleSheet = new CSSStyleSheet();
 					styleSheet.replaceSync(code);
@@ -245,7 +245,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 
 			if (href !== null && rel && rel.toLowerCase() === 'stylesheet') {
 				(<Document>this.ownerDocument)._readyStateManager.startTask();
-				ResourceFetcher.fetch({ window: this.ownerDocument.defaultView, url: href })
+				ResourceFetchHandler.fetch(this.ownerDocument, href)
 					.then((code) => {
 						const styleSheet = new CSSStyleSheet();
 						styleSheet.replaceSync(code);

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

@@ -1,7 +1,7 @@
 import { Document } from '../..';
 import Event from '../../event/Event';
 import ErrorEvent from '../../event/events/ErrorEvent';
-import ResourceFetcher from '../../fetch/ResourceFetcher';
+import ResourceFetchHandler from '../../fetch/ResourceFetchHandler';
 import HTMLScriptElement from './HTMLScriptElement';
 
 /**
@@ -22,10 +22,7 @@ export default class ScriptUtility {
 			let code = null;
 			(<Document>element.ownerDocument)._readyStateManager.startTask();
 			try {
-				code = await ResourceFetcher.fetch({
-					window: element.ownerDocument.defaultView,
-					url: src
-				});
+				code = await ResourceFetchHandler.fetch(element.ownerDocument, src);
 			} catch (error) {
 				element.dispatchEvent(
 					new ErrorEvent('error', {
@@ -54,10 +51,7 @@ export default class ScriptUtility {
 		} else {
 			let code = null;
 			try {
-				code = ResourceFetcher.fetchSync({
-					window: element.ownerDocument.defaultView,
-					url: src
-				});
+				code = ResourceFetchHandler.fetchSync(element.ownerDocument, src);
 			} catch (error) {
 				element.dispatchEvent(
 					new ErrorEvent('error', {

package/src/nodes/node/INode.ts

@@ -4,6 +4,12 @@ import IElement from '../element/IElement';
 import INodeList from './INodeList';
 
 export default interface INode extends IEventTarget {
+	readonly ELEMENT_NODE: number;
+	readonly TEXT_NODE: number;
+	readonly COMMENT_NODE: number;
+	readonly DOCUMENT_NODE: number;
+	readonly DOCUMENT_TYPE_NODE: number;
+	readonly DOCUMENT_FRAGMENT_NODE: number;
 	readonly ownerDocument: IDocument;
 	readonly parentNode: INode;
 	readonly parentElement: IElement;

package/src/nodes/node/Node.ts

@@ -22,6 +22,12 @@ export default class Node extends EventTarget implements INode {
 	public static readonly DOCUMENT_TYPE_NODE = 10;
 	public static readonly DOCUMENT_FRAGMENT_NODE = 11;
 	public static ownerDocument: IDocument = null;
+	public readonly ELEMENT_NODE = 1;
+	public readonly TEXT_NODE = 3;
+	public readonly COMMENT_NODE = 8;
+	public readonly DOCUMENT_NODE = 9;
+	public readonly DOCUMENT_TYPE_NODE = 10;
+	public readonly DOCUMENT_FRAGMENT_NODE = 11;
 	public readonly ownerDocument: IDocument = null;
 	public readonly parentNode: INode = null;
 	public readonly nodeType: number;