#463@minor: Added partial support for XMLHttpRequest.

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

@@ -24,7 +24,7 @@ export default class FetchHandler {
 		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, init)
 				.then((response) => {
 					if (taskManager.getTaskCount() === 0) {
 						reject(new Error('Failed to complete fetch request. Task was canceled.'));

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

@@ -32,9 +32,15 @@ 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 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

@@ -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/location/URL.ts

@@ -1,102 +1,6 @@
-const URL_REGEXP =
-	/(https?:)\/\/([-a-zA-Z0-9@:%._\+~#=]{2,256}[a-z]{2,6})(:[0-9]*)?([-a-zA-Z0-9@:%_\+.~c&//=]*)(\?[^#]*)?(#.*)?/;
-const PATH_REGEXP = /([-a-zA-Z0-9@:%_\+.~c&//=]*)(\?[^#]*)?(#.*)?/;
+import { URL as Url } from 'url';
 
 /**
  *
  */
-export default class URL {
-	public protocol = '';
-	public hostname = '';
-	public port = '';
-	public pathname = '';
-	public search = '';
-	public hash = '';
-	public username = '';
-	public password = '';
-
-	/**
-	 * Constructor.
-	 *
-	 * @param [url] URL.
-	 */
-	constructor(url?: string) {
-		if (url) {
-			this.parse(url);
-		}
-	}
-
-	/**
-	 * Returns the entire URL as a string.
-	 *
-	 * @returns Href.
-	 */
-	public get href(): string {
-		const credentials = this.username ? `${this.username}:${this.password}@` : '';
-		return this.protocol + '//' + credentials + this.host + this.pathname + this.search + this.hash;
-	}
-
-	/**
-	 * Sets the href.
-	 *
-	 * @param url URL.
-	 */
-	public set href(url: string) {
-		this.parse(url);
-	}
-
-	/**
-	 * Returns the origin.
-	 *
-	 * @returns HREF.
-	 */
-	public get origin(): string {
-		return this.protocol + '//' + this.host;
-	}
-
-	/**
-	 * Returns the entire URL as a string.
-	 *
-	 * @returns Host.
-	 */
-	public get host(): string {
-		return this.hostname + this.port;
-	}
-
-	/**
-	 * Returns the entire URL as a string.
-	 */
-	public toString(): string {
-		return this.href;
-	}
-
-	/**
-	 * Parses an URL.
-	 *
-	 * @param url URL.
-	 */
-	protected parse(url: string): void {
-		const match = url.match(URL_REGEXP);
-
-		if (match) {
-			const hostnamePart = match[2] ? match[2].split('@') : '';
-			const credentialsPart = hostnamePart.length > 1 ? hostnamePart[0].split(':') : null;
-
-			this.protocol = match[1] || '';
-			this.hostname = hostnamePart.length > 1 ? hostnamePart[1] : hostnamePart[0];
-			this.port = match[3] || '';
-			this.pathname = match[4] || '/';
-			this.search = match[5] || '';
-			this.hash = match[6] || '';
-			this.username = credentialsPart ? credentialsPart[0] : '';
-			this.password = credentialsPart ? credentialsPart[1] : '';
-		} else {
-			const pathMatch = url.match(PATH_REGEXP);
-			if (pathMatch) {
-				this.pathname = pathMatch[1] || '';
-				this.search = pathMatch[2] || '';
-				this.hash = pathMatch[3] || '';
-			}
-		}
-	}
-}
+export default class URL extends Url {}

packages/happy-dom/src/location/URLSearchParams.ts

@@ -0,0 +1,6 @@
+import { URLSearchParams as UrlSearchParams } from 'url';
+
+/**
+ *
+ */
+export default class URLSearchParams extends UrlSearchParams {}

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

@@ -37,6 +37,7 @@ import KeyboardEvent from '../event/events/KeyboardEvent';
 import ProgressEvent from '../event/events/ProgressEvent';
 import EventTarget from '../event/EventTarget';
 import URL from '../location/URL';
+import URLSearchParams from '../location/URLSearchParams';
 import Location from '../location/Location';
 import MutationObserver from '../mutation-observer/MutationObserver';
 import DOMParser from '../dom-parser/DOMParser';
@@ -84,7 +85,6 @@ import Range from '../range/Range';
 import MediaQueryList from '../match-media/MediaQueryList';
 import DOMRect from '../nodes/element/DOMRect';
 import Window from './Window';
-import { URLSearchParams } from 'url';
 import { Performance } from 'perf_hooks';
 
 /**
@@ -150,6 +150,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 +164,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;

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

@@ -37,6 +37,7 @@ import KeyboardEvent from '../event/events/KeyboardEvent';
 import ProgressEvent from '../event/events/ProgressEvent';
 import EventTarget from '../event/EventTarget';
 import URL from '../location/URL';
+import URLSearchParams from '../location/URLSearchParams';
 import Location from '../location/Location';
 import NonImplementedEventTypes from '../event/NonImplementedEventTypes';
 import MutationObserver from '../mutation-observer/MutationObserver';
@@ -86,14 +87,16 @@ 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';
 import VMGlobalPropertyScript from './VMGlobalPropertyScript';
 import * as PerfHooks from 'perf_hooks';
 import VM from 'vm';
 import { Buffer } from 'buffer';
+import XMLHttpRequest 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';
 
@@ -230,6 +233,10 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly localStorage = new Storage();
 	public readonly performance = PerfHooks.performance;
 
+	public XMLHttpRequest = XMLHttpRequest;
+	public XMLHttpRequestUpload = XMLHttpRequestUpload;
+	public XMLHttpRequestEventTarget = XMLHttpRequestEventTarget;
+
 	// Node.js Globals
 	public ArrayBuffer;
 	public Boolean;
@@ -338,6 +345,7 @@ export default class Window extends EventTarget implements IWindow {
 			}
 		}
 
+		XMLHttpRequest._defaultView = this;
 		HTMLDocument._defaultView = this;
 
 		const document = new HTMLDocument();

packages/happy-dom/src/xml-http-request/XMLHttpReqeustUtility.ts

@@ -0,0 +1,13 @@
+const NodeVersion = process.version.replace('v', '').split('.');
+
+export interface IXMLHttpRequestOptions {
+	anon?: boolean;
+}
+
+export const MajorNodeVersion = Number.parseInt(NodeVersion[0]);
+export const copyToArrayBuffer = (buffer: Buffer, offset?: number): ArrayBuffer => {
+	const arrayBuffer = new ArrayBuffer(buffer.length);
+	const view = new Uint8Array(arrayBuffer);
+	view.set(buffer, offset || 0);
+	return arrayBuffer;
+};