#463@minor: Added partial support for XMLHttpRequest.

packages/happy-dom/package.json

@@ -53,7 +53,8 @@
 		"whatwg-encoding": "^2.0.0",
 		"whatwg-mimetype": "^3.0.0",
 		"webidl-conversions": "^7.0.0",
-		"css.escape": "^1.5.1"
+		"css.escape": "^1.5.1",
+        "xmlhttprequest-ssl": "^1.6.3"
 	},
 	"devDependencies": {
 		"@types/he": "^1.1.2",

packages/happy-dom/src/event/IEventListener.ts

@@ -7,7 +7,7 @@ export default interface IEventListener {
 	/**
 	 * Handles event.
 	 *
-	 * @param type Event type.
+	 * @param event Event.
 	 */
 	handleEvent(event: Event): void;
 }

packages/happy-dom/src/exception/DOMExceptionNameEnum.ts

@@ -7,6 +7,8 @@ enum DOMExceptionNameEnum {
 	wrongDocumentError = 'WrongDocumentError',
 	invalidNodeTypeError = 'InvalidNodeTypeError',
 	invalidCharacterError = 'InvalidCharacterError',
-	notFoundError = 'NotFoundError'
+	notFoundError = 'NotFoundError',
+	securityError = 'SecurityError',
+	networkError = 'NetworkError'
 }
 export default DOMExceptionNameEnum;

packages/happy-dom/src/fetch/FetchHandler.ts

@@ -10,7 +10,7 @@ import NodeFetch from 'node-fetch';
  */
 export default class FetchHandler {
 	/**
-	 * Returns resource data asynchonously.
+	 * Returns resource data asynchronously.
 	 *
 	 * @param document Document.
 	 * @param url URL to resource.
@@ -20,11 +20,19 @@ export default class FetchHandler {
 	public static fetch(document: IDocument, url: string, init?: IRequestInit): Promise<IResponse> {
 		// We want to only load NodeFetch when it is needed to improve performance and not have direct dependencies to server side packages.
 		const taskManager = document.defaultView.happyDOM.asyncTaskManager;
+		const requestInit = { ...init, headers: { ...init?.headers } };
+
+		// We need set referer to solve anti-hotlinking.
+		// And the browser will set the referer to the origin of the page.
+		requestInit.headers['referer'] = document.defaultView.location.origin;
+
+		requestInit.headers['user-agent'] = document.defaultView.navigator.userAgent;
+		requestInit.headers['cookie'] = document.defaultView.document.cookie;
 
 		return new Promise((resolve, reject) => {
 			const taskID = taskManager.startTask();
 
-			NodeFetch(RelativeURL.getAbsoluteURL(document.defaultView.location, url), init)
+			NodeFetch(RelativeURL.getAbsoluteURL(document.defaultView.location, url).href, requestInit)
 				.then((response) => {
 					if (taskManager.getTaskCount() === 0) {
 						reject(new Error('Failed to complete fetch request. Task was canceled.'));

packages/happy-dom/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,17 +24,23 @@ export default class ResourceFetchHandler {
 	}
 
 	/**
-	 * Returns resource data synchonously.
+	 * Returns resource data synchronously.
 	 *
 	 * @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 absoluteURL = RelativeURL.getAbsoluteURL(document.defaultView.location, url);
+		const absoluteURL = RelativeURL.getAbsoluteURL(document.defaultView.location, url).href;
 		const syncRequest = require('sync-request');
-		const response = syncRequest('GET', absoluteURL);
+		const response = syncRequest('GET', absoluteURL, {
+			headers: {
+				'user-agent': document.defaultView.navigator.userAgent,
+				cookie: document.defaultView.document.cookie,
+				referer: document.defaultView.location.origin
+			}
+		});
 
 		if (response.isError()) {
 			throw new DOMException(

packages/happy-dom/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;
 	}
 
 	/**

packages/happy-dom/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);
 	}
 }

packages/happy-dom/src/nodes/document/Document.ts

@@ -64,7 +64,6 @@ export default class Document extends Node implements IDocument {
 	/**
 	 * Creates an instance of Document.
 	 *
-	 * @param defaultView Default view.
 	 */
 	constructor() {
 		super();
@@ -281,6 +280,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.
 	 *
@@ -746,7 +763,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)) {

packages/happy-dom/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;
 
 	/**

packages/happy-dom/src/window/IWindow.ts

@@ -36,7 +36,7 @@ import AnimationEvent from '../event/events/AnimationEvent';
 import KeyboardEvent from '../event/events/KeyboardEvent';
 import ProgressEvent from '../event/events/ProgressEvent';
 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';
@@ -82,9 +82,11 @@ 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 { URLSearchParams } from 'url';
 import { Performance } from 'perf_hooks';
 
 /**
@@ -150,6 +152,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;
@@ -163,7 +166,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;
@@ -179,6 +181,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;
@@ -310,7 +315,7 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	 * 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;
@@ -321,7 +326,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;