happy-dom 13.6.1 → 13.7.0

package/src/nodes/html-input-element/HTMLInputElement.ts

@@ -23,6 +23,7 @@ import HTMLInputElementDateUtility from './HTMLInputElementDateUtility.js';
 import HTMLLabelElementUtility from '../html-label-element/HTMLLabelElementUtility.js';
 import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
 import HTMLInputElementNamedNodeMap from './HTMLInputElementNamedNodeMap.js';
+import PointerEvent from '../../event/events/PointerEvent.js';
 import { URL } from 'url';
 
 /**
@@ -98,48 +99,124 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 	/**
 	 * Returns form action.
 	 *
-	 * @returns URL.
+	 * @returns Form action.
 	 */
 	public get formAction(): string {
-		return (
-			this.getAttribute('formaction') ||
-			(<IHTMLFormElement>this[PropertySymbol.formNode])?.action ||
-			this[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].location.href
-		);
+		if (!this.hasAttribute('formaction')) {
+			return this[PropertySymbol.ownerDocument].location.href;
+		}
+
+		try {
+			return new URL(
+				this.getAttribute('formaction') || '',
+				this[PropertySymbol.ownerDocument].location.href
+			).href;
+		} catch (e) {
+			return '';
+		}
 	}
 
 	/**
 	 * Sets form action.
 	 *
-	 * @param url URL.
+	 * @param formAction Form action.
 	 */
-	public set formAction(url: string) {
-		try {
-			new URL(url);
-		} catch (error) {
-			return;
-		}
-		this.setAttribute('formaction', url);
+	public set formAction(formAction: string) {
+		this.setAttribute('formaction', formAction);
+	}
+
+	/**
+	 * Returns form enctype.
+	 *
+	 * @returns Form enctype.
+	 */
+	public get formEnctype(): string {
+		return this.getAttribute('formenctype') || '';
+	}
+
+	/**
+	 * Sets form enctype.
+	 *
+	 * @param formEnctype Form enctype.
+	 */
+	public set formEnctype(formEnctype: string) {
+		this.setAttribute('formenctype', formEnctype);
 	}
 
 	/**
 	 * Returns form method.
+	 *
+	 * @returns Form method.
 	 */
 	public get formMethod(): string {
-		return (
-			this.getAttribute('formmethod') ||
-			(<IHTMLFormElement>this[PropertySymbol.formNode])?.method ||
-			''
-		);
+		return this.getAttribute('formmethod') || '';
 	}
 
 	/**
 	 * Sets form method.
 	 *
-	 * @param method Method.
+	 * @param formMethod Form method.
+	 */
+	public set formMethod(formMethod: string) {
+		this.setAttribute('formmethod', formMethod);
+	}
+
+	/**
+	 * Returns no validate.
+	 *
+	 * @returns No validate.
+	 */
+	public get formNoValidate(): boolean {
+		return this.getAttribute('formnovalidate') !== null;
+	}
+
+	/**
+	 * Sets no validate.
+	 *
+	 * @param formNoValidate No validate.
+	 */
+	public set formNoValidate(formNoValidate: boolean) {
+		if (!formNoValidate) {
+			this.removeAttribute('formnovalidate');
+		} else {
+			this.setAttribute('formnovalidate', '');
+		}
+	}
+
+	/**
+	 * Returns form target.
+	 *
+	 * @returns Form target.
 	 */
-	public set formMethod(method: string) {
-		this.setAttribute('formmethod', method);
+	public get formTarget(): string {
+		return this.getAttribute('formtarget') || '';
+	}
+
+	/**
+	 * Sets form target.
+	 *
+	 * @param formTarget Form target.
+	 */
+	public set formTarget(formTarget: string) {
+		this.setAttribute('formtarget', formTarget);
+	}
+
+	/**
+	 * Returns the parent form element.
+	 *
+	 * @returns Form.
+	 */
+	public get form(): IHTMLFormElement | null {
+		if (this[PropertySymbol.formNode]) {
+			return <IHTMLFormElement>this[PropertySymbol.formNode];
+		}
+		if (!this.isConnected) {
+			return null;
+		}
+		const formID = this.getAttribute('form');
+		return formID
+			? <IHTMLFormElement>this[PropertySymbol.ownerDocument].getElementById(formID)
+			: null;
 	}
 
 	/**
@@ -834,37 +911,6 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 		this.setSelectionRange(this.#selectionStart, this.#selectionEnd, direction);
 	}
 
-	/**
-	 * Returns no validate.
-	 *
-	 * @returns No validate.
-	 */
-	public get formNoValidate(): boolean {
-		return this.getAttribute('formnovalidate') !== null;
-	}
-
-	/**
-	 * Sets no validate.
-	 *
-	 * @param formNoValidate No validate.
-	 */
-	public set formNoValidate(formNoValidate: boolean) {
-		if (!formNoValidate) {
-			this.removeAttribute('formnovalidate');
-		} else {
-			this.setAttribute('formnovalidate', '');
-		}
-	}
-
-	/**
-	 * Returns the parent form element.
-	 *
-	 * @returns Form.
-	 */
-	public get form(): IHTMLFormElement {
-		return <IHTMLFormElement>this[PropertySymbol.formNode];
-	}
-
 	/**
 	 * Returns "true" if it will validate.
 	 *
@@ -1263,7 +1309,12 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 	 */
 	public override dispatchEvent(event: Event): boolean {
 		// Do nothing if the input element is disabled and the event is a click event.
-		if (event.type === 'click' && event.eventPhase === EventPhaseEnum.none && this.disabled) {
+		if (
+			event.type === 'click' &&
+			event instanceof PointerEvent &&
+			event.eventPhase === EventPhaseEnum.none &&
+			this.disabled
+		) {
 			return false;
 		}
 
@@ -1274,7 +1325,8 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 		if (
 			(event.eventPhase === EventPhaseEnum.atTarget ||
 				event.eventPhase === EventPhaseEnum.bubbling) &&
-			event.type === 'click'
+			event.type === 'click' &&
+			event instanceof PointerEvent
 		) {
 			const inputType = this.type;
 			if (inputType === 'checkbox' || inputType === 'radio') {
@@ -1290,6 +1342,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 			(event.eventPhase === EventPhaseEnum.atTarget ||
 				event.eventPhase === EventPhaseEnum.bubbling) &&
 			event.type === 'click' &&
+			event instanceof PointerEvent &&
 			this[PropertySymbol.isConnected]
 		) {
 			const inputType = this.type;
@@ -1298,12 +1351,12 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 					this.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
 					this.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
 				} else if (inputType === 'submit') {
-					const form = <IHTMLFormElement>this[PropertySymbol.formNode];
+					const form = this.form;
 					if (form) {
 						form.requestSubmit(this);
 					}
 				} else if (inputType === 'reset' && this[PropertySymbol.isConnected]) {
-					const form = <IHTMLFormElement>this[PropertySymbol.formNode];
+					const form = this.form;
 					if (form) {
 						form.reset();
 					}
@@ -1317,6 +1370,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 			(event.eventPhase === EventPhaseEnum.atTarget ||
 				event.eventPhase === EventPhaseEnum.bubbling) &&
 			event.type === 'click' &&
+			event instanceof PointerEvent &&
 			previousCheckedValue !== null
 		) {
 			const inputType = this.type;

package/src/nodes/html-input-element/IHTMLInputElement.ts

@@ -19,8 +19,10 @@ export default interface IHTMLInputElement extends IHTMLElement {
 	readonly labels: INodeList<IHTMLLabelElement>;
 	readonly validity: ValidityState;
 	formAction: string;
+	formEnctype: string;
 	formMethod: string;
 	formNoValidate: boolean;
+	formTarget: string;
 	defaultChecked: boolean;
 	files: IFileList<File>;
 	defaultValue: string;

package/src/nodes/html-label-element/HTMLLabelElement.ts

@@ -80,6 +80,7 @@ export default class HTMLLabelElement extends HTMLElement implements IHTMLLabelE
 
 		if (
 			event.type === 'click' &&
+			event instanceof PointerEvent &&
 			(event.eventPhase === EventPhaseEnum.atTarget || event.eventPhase === EventPhaseEnum.bubbling)
 		) {
 			const control = this.control;

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

@@ -52,7 +52,7 @@ export default class HTMLLinkElementStyleSheetLoader {
 		try {
 			absoluteURL = new URL(
 				url,
-				element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].location
+				element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].location.href
 			).href;
 		} catch (error) {
 			this.#loadedStyleSheetURL = null;

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

@@ -47,7 +47,7 @@ export default class HTMLScriptElementScriptLoader {
 		try {
 			absoluteURL = new URL(
 				url,
-				element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].location
+				element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].location.href
 			).href;
 		} catch (error) {
 			this.#loadedScriptURL = null;

package/src/nodes/html-select-element/HTMLSelectElement.ts

@@ -14,7 +14,6 @@ import IHTMLOptionsCollection from './IHTMLOptionsCollection.js';
 import INode from '../node/INode.js';
 import NodeTypeEnum from '../node/NodeTypeEnum.js';
 import HTMLFormElement from '../html-form-element/HTMLFormElement.js';
-import IHTMLCollection from '../element/IHTMLCollection.js';
 import HTMLLabelElementUtility from '../html-label-element/HTMLLabelElementUtility.js';
 import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
 import HTMLSelectElementNamedNodeMap from './HTMLSelectElementNamedNodeMap.js';
@@ -363,7 +362,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	 * @param [selectedOption] Selected option.
 	 */
 	public [PropertySymbol.updateOptionItems](selectedOption?: IHTMLOptionElement): void {
-		const optionElements = <IHTMLCollection<IHTMLOptionElement>>this.getElementsByTagName('option');
+		const optionElements = this.getElementsByTagName('option');
 
 		if (optionElements.length < this[PropertySymbol.options].length) {
 			this[PropertySymbol.options].splice(

package/src/nodes/node/Node.ts

@@ -4,7 +4,6 @@ import MutationListener from '../../mutation-observer/MutationListener.js';
 import INode from './INode.js';
 import IDocument from '../document/IDocument.js';
 import IElement from '../element/IElement.js';
-import IHTMLBaseElement from '../html-base-element/IHTMLBaseElement.js';
 import NodeTypeEnum from './NodeTypeEnum.js';
 import NodeDocumentPositionEnum from './NodeDocumentPositionEnum.js';
 import NodeUtility from './NodeUtility.js';
@@ -266,7 +265,7 @@ export default class Node extends EventTarget implements INode {
 	 * @returns Base URI.
 	 */
 	public get baseURI(): string {
-		const base = <IHTMLBaseElement>this[PropertySymbol.ownerDocument].querySelector('base');
+		const base = this[PropertySymbol.ownerDocument].querySelector('base');
 		if (base) {
 			return base.href;
 		}

package/src/nodes/parent-node/IParentNode.ts

@@ -2,6 +2,8 @@ import IHTMLCollection from '../element/IHTMLCollection.js';
 import IElement from '../element/IElement.js';
 import INode from '../node/INode.js';
 import INodeList from '../node/INodeList.js';
+import IHTMLElementTagNameMap from '../../config/IHTMLElementTagNameMap.js';
+import ISVGElementTagNameMap from '../../config/ISVGElementTagNameMap.js';
 
 export default interface IParentNode extends INode {
 	readonly childElementCount: number;
@@ -29,8 +31,28 @@ export default interface IParentNode extends INode {
 	 * @param selector CSS selector.
 	 * @returns Matching element.
 	 */
+	querySelector<K extends keyof IHTMLElementTagNameMap>(
+		selector: K
+	): IHTMLElementTagNameMap[K] | null;
+	querySelector<K extends keyof ISVGElementTagNameMap>(
+		selector: K
+	): ISVGElementTagNameMap[K] | null;
 	querySelector(selector: string): IElement | null;
 
+	/**
+	 * Query CSS selector to find matching nodes.
+	 *
+	 * @param selector CSS selector.
+	 * @returns Matching elements.
+	 */
+	querySelectorAll<K extends keyof IHTMLElementTagNameMap>(
+		selector: K
+	): INodeList<IHTMLElementTagNameMap[K]>;
+	querySelectorAll<K extends keyof ISVGElementTagNameMap>(
+		selector: K
+	): INodeList<ISVGElementTagNameMap[K]>;
+	querySelectorAll(selector: string): INodeList<IElement>;
+
 	/**
 	 * Query CSS selector to find matching nodes.
 	 *
@@ -53,6 +75,12 @@ export default interface IParentNode extends INode {
 	 * @param tagName Tag name.
 	 * @returns Matching element.
 	 */
+	getElementsByTagName<K extends keyof IHTMLElementTagNameMap>(
+		tagName: K
+	): IHTMLCollection<IHTMLElementTagNameMap[K]>;
+	getElementsByTagName<K extends keyof ISVGElementTagNameMap>(
+		tagName: K
+	): IHTMLCollection<ISVGElementTagNameMap[K]>;
 	getElementsByTagName(tagName: string): IHTMLCollection<IElement>;
 
 	/**
@@ -62,6 +90,14 @@ export default interface IParentNode extends INode {
 	 * @param tagName Tag name.
 	 * @returns Matching element.
 	 */
+	getElementsByTagNameNS<K extends keyof IHTMLElementTagNameMap>(
+		namespaceURI: 'http://www.w3.org/1999/xhtml',
+		tagName: K
+	): IHTMLCollection<IHTMLElementTagNameMap[K]>;
+	getElementsByTagNameNS<K extends keyof ISVGElementTagNameMap>(
+		namespaceURI: 'http://www.w3.org/2000/svg',
+		tagName: K
+	): IHTMLCollection<ISVGElementTagNameMap[K]>;
 	getElementsByTagNameNS(namespaceURI: string, tagName: string): IHTMLCollection<IElement>;
 
 	/**

package/src/nodes/parent-node/ParentNodeUtility.ts

@@ -75,6 +75,7 @@ export default class ParentNodeUtility {
 
 		this.append(parentNode, ...nodes);
 	}
+
 	/**
 	 * Returns an elements by class name.
 	 *

package/src/query-selector/QuerySelector.ts

@@ -1,7 +1,7 @@
 import IElement from '../nodes/element/IElement.js';
 import * as PropertySymbol from '../PropertySymbol.js';
-import INodeList from '../nodes/node/INodeList.js';
 import SelectorItem from './SelectorItem.js';
+import INodeList from '../nodes/node/INodeList.js';
 import NodeList from '../nodes/node/NodeList.js';
 import NodeTypeEnum from '../nodes/node/NodeTypeEnum.js';
 import SelectorCombinatorEnum from './SelectorCombinatorEnum.js';
@@ -10,6 +10,8 @@ import IDocumentFragment from '../nodes/document-fragment/IDocumentFragment.js';
 import SelectorParser from './SelectorParser.js';
 import ISelectorMatch from './ISelectorMatch.js';
 import Element from '../nodes/element/Element.js';
+import IHTMLElementTagNameMap from '../config/IHTMLElementTagNameMap.js';
+import ISVGElementTagNameMap from '../config/ISVGElementTagNameMap.js';
 
 type IDocumentPositionAndElement = {
 	documentPosition: string;
@@ -27,6 +29,42 @@ const INVALID_SELECTOR_REGEXP = /^[.#\[]?\d|[.#]$/;
  * @class QuerySelector
  */
 export default class QuerySelector {
+	/**
+	 * Finds elements based on a query selector.
+	 *
+	 * @param node Node to search in.
+	 * @param selector Selector.
+	 * @returns HTML elements.
+	 */
+	public static querySelectorAll<K extends keyof IHTMLElementTagNameMap>(
+		node: IElement | IDocument | IDocumentFragment,
+		selector: K
+	): INodeList<IHTMLElementTagNameMap[K]>;
+
+	/**
+	 * Finds elements based on a query selector.
+	 *
+	 * @param node Node to search in.
+	 * @param selector Selector.
+	 * @returns HTML elements.
+	 */
+	public static querySelectorAll<K extends keyof ISVGElementTagNameMap>(
+		node: IElement | IDocument | IDocumentFragment,
+		selector: K
+	): INodeList<ISVGElementTagNameMap[K]>;
+
+	/**
+	 * Finds elements based on a query selector.
+	 *
+	 * @param node Node to search in.
+	 * @param selector Selector.
+	 * @returns HTML elements.
+	 */
+	public static querySelectorAll(
+		node: IElement | IDocument | IDocumentFragment,
+		selector: string
+	): INodeList<IElement>;
+
 	/**
 	 * Finds elements based on a query selector.
 	 *
@@ -38,7 +76,7 @@ export default class QuerySelector {
 		node: IElement | IDocument | IDocumentFragment,
 		selector: string
 	): INodeList<IElement> {
-		if (selector === '') {
+		if (<string>selector === '') {
 			throw new Error(
 				`Failed to execute 'querySelectorAll' on '${node.constructor.name}': The provided selector is empty.`
 			);
@@ -80,6 +118,42 @@ export default class QuerySelector {
 		return nodeList;
 	}
 
+	/**
+	 * Finds an element based on a query selector.
+	 *
+	 * @param node Node to search in.
+	 * @param selector Selector.
+	 * @returns HTML element.
+	 */
+	public static querySelector<K extends keyof IHTMLElementTagNameMap>(
+		node: IElement | IDocument | IDocumentFragment,
+		selector: K
+	): IHTMLElementTagNameMap[K] | null;
+
+	/**
+	 * Finds an element based on a query selector.
+	 *
+	 * @param node Node to search in.
+	 * @param selector Selector.
+	 * @returns HTML element.
+	 */
+	public static querySelector<K extends keyof ISVGElementTagNameMap>(
+		node: IElement | IDocument | IDocumentFragment,
+		selector: K
+	): ISVGElementTagNameMap[K] | null;
+
+	/**
+	 * Finds an element based on a query selector.
+	 *
+	 * @param node Node to search in.
+	 * @param selector Selector.
+	 * @returns HTML element.
+	 */
+	public static querySelector(
+		node: IElement | IDocument | IDocumentFragment,
+		selector: string
+	): IElement | null;
+
 	/**
 	 * Finds an element based on a query selector.
 	 *

package/src/query-selector/SelectorItem.ts

@@ -222,6 +222,12 @@ export default class SelectorItem {
 						.reverse()
 						.indexOf(element);
 					return nthLastOfTypeIndex !== -1 && psuedo.nthFunction(nthLastOfTypeIndex + 1);
+				case 'target':
+					const hash = element[PropertySymbol.ownerDocument].location.hash;
+					if (!hash) {
+						return false;
+					}
+					return element.isConnected && element.id === hash.slice(1);
 			}
 		}
 

package/src/window/BrowserWindow.ts

@@ -11,7 +11,7 @@ import Comment from '../nodes/comment/Comment.js';
 import ShadowRoot from '../nodes/shadow-root/ShadowRoot.js';
 import Element from '../nodes/element/Element.js';
 import HTMLTemplateElement from '../nodes/html-template-element/HTMLTemplateElement.js';
-import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement.js';
+import HTMLFormElementImplementation from '../nodes/html-form-element/HTMLFormElement.js';
 import HTMLElement from '../nodes/html-element/HTMLElement.js';
 import HTMLUnknownElement from '../nodes/html-unknown-element/HTMLUnknownElement.js';
 import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement.js';
@@ -44,13 +44,14 @@ import KeyboardEvent from '../event/events/KeyboardEvent.js';
 import MessageEvent from '../event/events/MessageEvent.js';
 import ProgressEvent from '../event/events/ProgressEvent.js';
 import MediaQueryListEvent from '../event/events/MediaQueryListEvent.js';
+import HashChangeEvent from '../event/events/HashChangeEvent.js';
 import TouchEvent from '../event/events/TouchEvent.js';
 import Touch from '../event/Touch.js';
 import EventTarget from '../event/EventTarget.js';
 import MessagePort from '../event/MessagePort.js';
 import { URLSearchParams } from 'url';
 import URL from '../url/URL.js';
-import Location from '../url/Location.js';
+import Location from '../location/Location.js';
 import MutationObserver from '../mutation-observer/MutationObserver.js';
 import MutationRecord from '../mutation-observer/MutationRecord.js';
 import XMLSerializer from '../xml-serializer/XMLSerializer.js';
@@ -196,7 +197,6 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 	public readonly HTMLElement: typeof HTMLElement = HTMLElement;
 	public readonly HTMLUnknownElement: typeof HTMLUnknownElement = HTMLUnknownElement;
 	public readonly HTMLTemplateElement: typeof HTMLTemplateElement = HTMLTemplateElement;
-	public readonly HTMLFormElement: typeof HTMLFormElement = HTMLFormElement;
 	public readonly HTMLInputElement: typeof HTMLInputElement = HTMLInputElement;
 	public readonly HTMLSelectElement: typeof HTMLSelectElement = HTMLSelectElement;
 	public readonly HTMLTextAreaElement: typeof HTMLTextAreaElement = HTMLTextAreaElement;
@@ -213,6 +213,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 	public readonly HTMLScriptElement: typeof HTMLScriptElementImplementation;
 	public readonly HTMLLinkElement: typeof HTMLLinkElementImplementation;
 	public readonly HTMLIFrameElement: typeof HTMLIFrameElementImplementation;
+	public readonly HTMLFormElement: typeof HTMLFormElementImplementation;
 
 	// Non-implemented element classes
 	public readonly HTMLHeadElement: typeof HTMLElement = HTMLElement;
@@ -280,6 +281,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 	public readonly SubmitEvent = SubmitEvent;
 	public readonly ProgressEvent = ProgressEvent;
 	public readonly MediaQueryListEvent = MediaQueryListEvent;
+	public readonly HashChangeEvent = HashChangeEvent;
 	public readonly ClipboardEvent = ClipboardEvent;
 	public readonly TouchEvent = TouchEvent;
 	public readonly Touch = Touch;
@@ -301,7 +303,6 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 	public readonly EditingBeforeInputEvent = Event;
 	public readonly FetchEvent = Event;
 	public readonly GamepadEvent = Event;
-	public readonly HashChangeEvent = Event;
 	public readonly IDBVersionChangeEvent = Event;
 	public readonly MediaStreamEvent = Event;
 	public readonly MutationEvent = Event;
@@ -601,6 +602,11 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 				super(browserFrame);
 			}
 		}
+		class HTMLFormElement extends HTMLFormElementImplementation {
+			constructor() {
+				super(browserFrame);
+			}
+		}
 		class Document extends DocumentImplementation {
 			constructor() {
 				super({ window, browserFrame });
@@ -640,6 +646,7 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 		this.HTMLScriptElement = HTMLScriptElement;
 		this.HTMLLinkElement = HTMLLinkElement;
 		this.HTMLIFrameElement = HTMLIFrameElement;
+		this.HTMLFormElement = HTMLFormElement;
 		this.Document = Document;
 		this.HTMLDocument = HTMLDocument;
 		this.XMLDocument = XMLDocument;

package/src/window/CrossOriginBrowserWindow.ts

@@ -2,7 +2,7 @@ import EventTarget from '../event/EventTarget.js';
 import IBrowserWindow from './IBrowserWindow.js';
 import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
-import Location from '../url/Location.js';
+import Location from '../location/Location.js';
 import ICrossOriginBrowserWindow from './ICrossOriginBrowserWindow.js';
 
 /**

package/src/window/IBrowserWindow.ts

@@ -45,12 +45,13 @@ import AnimationEvent from '../event/events/AnimationEvent.js';
 import KeyboardEvent from '../event/events/KeyboardEvent.js';
 import ProgressEvent from '../event/events/ProgressEvent.js';
 import MediaQueryListEvent from '../event/events/MediaQueryListEvent.js';
+import HashChangeEvent from '../event/events/HashChangeEvent.js';
 import TouchEvent from '../event/events/TouchEvent.js';
 import Touch from '../event/Touch.js';
 import EventTarget from '../event/EventTarget.js';
 import { URLSearchParams } from 'url';
 import URL from '../url/URL.js';
-import Location from '../url/Location.js';
+import Location from '../location/Location.js';
 import MutationObserver from '../mutation-observer/MutationObserver.js';
 import MutationRecord from '../mutation-observer/MutationRecord.js';
 import DOMParser from '../dom-parser/DOMParser.js';
@@ -259,6 +260,7 @@ export default interface IBrowserWindow extends IEventTarget, INodeJSGlobal {
 	readonly MessagePort: typeof MessagePort;
 	readonly ProgressEvent: typeof ProgressEvent;
 	readonly MediaQueryListEvent: typeof MediaQueryListEvent;
+	readonly HashChangeEvent: typeof HashChangeEvent;
 	readonly ClipboardEvent: typeof ClipboardEvent;
 	readonly TouchEvent: typeof TouchEvent;
 	readonly Touch: typeof Touch;
@@ -282,7 +284,6 @@ export default interface IBrowserWindow extends IEventTarget, INodeJSGlobal {
 	readonly EditingBeforeInputEvent: typeof Event;
 	readonly FetchEvent: typeof Event;
 	readonly GamepadEvent: typeof Event;
-	readonly HashChangeEvent: typeof Event;
 	readonly IDBVersionChangeEvent: typeof Event;
 	readonly MediaStreamEvent: typeof Event;
 	readonly MutationEvent: typeof Event;

package/src/window/ICrossOriginBrowserWindow.ts

@@ -1,5 +1,5 @@
 import IBrowserWindow from './IBrowserWindow.js';
-import Location from '../url/Location.js';
+import Location from '../location/Location.js';
 import IEventTarget from '../event/IEventTarget.js';
 
 /**

package/src/window/WindowPageOpenUtility.ts

@@ -4,6 +4,7 @@ import IBrowserFrame from '../browser/types/IBrowserFrame.js';
 import FetchCORSUtility from '../fetch/utilities/FetchCORSUtility.js';
 import ICrossOriginBrowserWindow from './ICrossOriginBrowserWindow.js';
 import BrowserFrameURL from '../browser/utilities/BrowserFrameURL.js';
+import { URL } from 'url';
 import * as PropertySymbol from '../PropertySymbol.js';
 
 /**
@@ -29,7 +30,7 @@ export default class WindowPageOpenUtility {
 	): IBrowserWindow | ICrossOriginBrowserWindow | null {
 		const features = this.getWindowFeatures(options?.features || '');
 		const target = options?.target !== undefined ? String(options.target) : null;
-		const originURL = browserFrame.window.location;
+		const originURL = new URL(browserFrame.window.location.href);
 		const targetURL = BrowserFrameURL.getRelativeURL(browserFrame, options.url);
 		const oldWindow = browserFrame.window;
 		let targetFrame: IBrowserFrame;
@@ -54,7 +55,8 @@ export default class WindowPageOpenUtility {
 
 		targetFrame
 			.goto(targetURL.href, {
-				referrer: features.noreferrer ? 'no-referrer' : undefined
+				referrer: features.noreferrer ? undefined : browserFrame.window.location.origin,
+				referrerPolicy: features.noreferrer ? 'no-referrer' : undefined
 			})
 			.catch((error) => targetFrame.page.console.error(error));