happy-dom 2.42.0 → 2.45.0

package/src/navigator/MimeTypeArray.ts

@@ -0,0 +1,48 @@
+import MimeType from './MimeType';
+
+/**
+ * MimeTypeArray.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/MimeTypeArray.
+ */
+export default class MimeTypeArray {
+	[n: number]: MimeType;
+	public readonly length: number;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param mimeTypes
+	 */
+	constructor(mimeTypes: MimeType[]) {
+		for (let i = 0, max = mimeTypes.length; i < max; i++) {
+			this[i] = mimeTypes[i];
+			this[mimeTypes[i].type] = mimeTypes[i];
+		}
+		this.length = mimeTypes.length;
+	}
+
+	/**
+	 * @param index
+	 */
+	public item(index: number): MimeType {
+		return this[index] || null;
+	}
+
+	/**
+	 * @param name
+	 */
+	public namedItem(name: string): MimeType {
+		return this[name] || null;
+	}
+
+	/**
+	 * Returns the object as a string.
+	 *
+	 * @returns String.
+	 */
+	public toString(): string {
+		return '[object MimeTypeArray]';
+	}
+}

package/src/navigator/Navigator.ts

@@ -0,0 +1,93 @@
+import MimeTypeArray from './MimeTypeArray';
+import PluginArray from './PluginArray';
+
+/**
+ * Browser Navigator API.
+ *
+ * Mocked information is taken from FireFox.
+ *
+ * Reference:
+ * https://html.spec.whatwg.org/multipage/system-state.html#dom-navigator.
+ */
+export default class Navigator {
+	// False if setting a cookie will be ignored and true otherwise.
+	public readonly cookieEnabled: boolean = true;
+
+	// TODO: Not implemented.
+	public readonly credentials: string = null;
+
+	// TODO: Not implemented.
+	public readonly geolocation: string = null;
+
+	// String representing the preferred language of the user, usually the language of the browser UI.
+	public readonly language: string = 'en-US';
+
+	// Array of string representing the user's preferred languages.
+	public readonly languages: string[] = ['en-US', 'en'];
+
+	// TODO: Not implemented.
+	public readonly locks: string = null;
+
+	// Maximum number of simultaneous touch contact points are supported by the current device.
+	public readonly maxTouchPoints: number = 0;
+
+	// Number of logical processors available to run threads on the user's computer.
+	public readonly hardwareConcurrency: number = 8;
+
+	// Browser app code name.
+	public readonly appCodeName: string = 'Mozilla';
+
+	// Browser app name.
+	public readonly appName: string = 'Netscape';
+
+	// Browser app version.
+	public readonly appVersion: string = '5.0 (Windows)';
+
+	// Browser platform.
+	public readonly platform: string = 'Win32';
+
+	// Browser product.
+	public readonly product: string = 'Gecko';
+
+	// Browser product sub.
+	public readonly productSub: string = '20100101';
+
+	// Browser vendor.
+	public readonly vendor: string = '';
+
+	// Browser vendor sub.
+	public readonly vendorSub: string = '';
+
+	// Browser user agent.
+	// "appCodeName/appVersion number (Platform; Security; OS-or-CPU; Localization; rv: revision-version-number) product/productSub Application-Name Application-Name-version".
+	public readonly userAgent: string =
+		'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:97.0) Gecko/20100101 Firefox/97.0';
+
+	// Boolean value indicating whether the browser is working online.
+	public readonly onLine: boolean = true;
+
+	// TODO: Not implemented.
+	public readonly permissions: string = null;
+
+	// Boolean Indicates whether the user agent is controlled by automation.
+	public readonly webdriver: boolean = true;
+
+	// The user's Do Not Track setting, which indicates whether the user is requesting web sites and advertisers to not track them.
+	// The value of the property reflects that of the DNT HTTP header, i.e. Values of "1", "0", or "unspecified".
+	public readonly doNotTrack: string = 'unspecified';
+
+	// Browser mime-types.
+	public readonly mimeTypes: MimeTypeArray = new MimeTypeArray([]);
+
+	// Browser plugins.
+	public readonly plugins: PluginArray = new PluginArray([]);
+
+	/**
+	 * Returns the object as a string.
+	 *
+	 * @returns String.
+	 */
+	public toString(): string {
+		return '[object Navigator]';
+	}
+}

package/src/navigator/Plugin.ts

@@ -0,0 +1,61 @@
+import MimeType from './MimeType';
+
+/**
+ * Plugin.
+ */
+export default class Plugin {
+	[n: number]: MimeType;
+	public readonly length: number = 0;
+	public readonly description: string;
+	public readonly filename: string;
+	public readonly name: string;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param mimeTypes Mime types.
+	 * @param description Description.
+	 * @param filename Filename.
+	 * @param name Name.
+	 */
+	constructor(mimeTypes: MimeType[], description: string, filename: string, name: string) {
+		this.description = description;
+		this.filename = filename;
+		this.name = name;
+
+		for (let i = 0, max = mimeTypes.length; i < max; i++) {
+			this[i] = mimeTypes[i];
+			this[mimeTypes[i].type] = mimeTypes[i];
+		}
+		this.length = mimeTypes.length;
+	}
+
+	/**
+	 * Item.
+	 *
+	 * @param index Number.
+	 * @returns IMimeType.
+	 */
+	public item(index: number): MimeType {
+		return this[index] || null;
+	}
+
+	/**
+	 * NamedItem.
+	 *
+	 * @param name String.
+	 * @returns IMimeType.
+	 */
+	public namedItem(name: string): MimeType {
+		return this[name] || null;
+	}
+
+	/**
+	 * Returns the object as a string.
+	 *
+	 * @returns String.
+	 */
+	public toString(): string {
+		return '[object Plugin]';
+	}
+}

package/src/navigator/PluginArray.ts

@@ -0,0 +1,58 @@
+import Plugin from './Plugin';
+
+/**
+ * PluginArray.
+ */
+export default class PluginArray {
+	[n: number]: Plugin;
+	public readonly length: number;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param plugins Plugins.
+	 */
+	constructor(plugins: Plugin[]) {
+		for (let i = 0, max = plugins.length; i < max; i++) {
+			this[i] = plugins[i];
+			this[plugins[i].name] = plugins[i];
+		}
+		this.length = plugins.length;
+	}
+
+	/**
+	 * Returns an item.
+	 *
+	 * @param index Index.
+	 * @returns Plugin.
+	 */
+	public item(index: number): Plugin {
+		return this[index] || null;
+	}
+
+	/**
+	 * Returns an item.
+	 *
+	 * @param name Name.
+	 * @returns Plugin.
+	 */
+	public namedItem(name: string): Plugin {
+		return this[name] || null;
+	}
+
+	/**
+	 * Refreshes the list.
+	 */
+	public refresh(): void {
+		// Do nothing
+	}
+
+	/**
+	 * Returns the object as a string.
+	 *
+	 * @returns String.
+	 */
+	public toString(): string {
+		return '[object PluginArray]';
+	}
+}

package/src/nodes/document/Document.ts

@@ -21,6 +21,7 @@ import CSSStyleSheet from '../../css/CSSStyleSheet';
 import DOMException from '../../exception/DOMException';
 import CookieUtility from '../../cookie/CookieUtility';
 import IElement from '../element/IElement';
+import IHTMLScriptElement from '../html-script-element/IHTMLScriptElement';
 import IHTMLElement from '../html-element/IHTMLElement';
 import IDocumentType from '../document-type/IDocumentType';
 import INode from '../node/INode';
@@ -245,8 +246,8 @@ export default class Document extends Node implements IDocument {
 	 *
 	 * @returns Scripts.
 	 */
-	public get scripts(): IHTMLCollection<IElement> {
-		return this.getElementsByTagName('script');
+	public get scripts(): IHTMLCollection<IHTMLScriptElement> {
+		return <IHTMLCollection<IHTMLScriptElement>>this.getElementsByTagName('script');
 	}
 
 	/**

package/src/nodes/document/IDocument.ts

@@ -12,6 +12,11 @@ import INode from '../node/INode';
 import ICharacterData from '../character-data/ICharacterData';
 import IDocumentFragment from '../document-fragment/IDocumentFragment';
 import Selection from '../../selection/Selection';
+import IHTMLCollection from '../element/IHTMLCollection';
+import IHTMLScriptElement from '../html-script-element/IHTMLScriptElement';
+import CSSStyleSheet from '../../css/CSSStyleSheet';
+import Location from '../../location/Location';
+import DocumentReadyStateEnum from './DocumentReadyStateEnum';
 
 /**
  * Document.
@@ -24,7 +29,13 @@ export default interface IDocument extends IParentNode {
 	readonly doctype: IDocumentType;
 	readonly body: IHTMLElement;
 	readonly head: IHTMLElement;
+	readonly scripts: IHTMLCollection<IHTMLScriptElement>;
 	readonly activeElement: IHTMLElement;
+	readonly styleSheets: CSSStyleSheet[];
+	readonly scrollingElement: IHTMLElement;
+	readonly location: Location;
+	readonly readyState: DocumentReadyStateEnum;
+	cookie: string;
 
 	/**
 	 * Replaces the document HTML with new HTML.
@@ -69,7 +80,7 @@ export default interface IDocument extends IParentNode {
 	 * @param  data Text data.
 	 * @returns Text node.
 	 */
-	createTextNode(data: string): ICharacterData;
+	createTextNode(data?: string): ICharacterData;
 
 	/**
 	 * Creates a comment node.
@@ -77,7 +88,7 @@ export default interface IDocument extends IParentNode {
 	 * @param  data Text data.
 	 * @returns Text node.
 	 */
-	createComment(data: string): ICharacterData;
+	createComment(data?: string): ICharacterData;
 
 	/**
 	 * Creates a document fragment.

package/src/nodes/element/Element.ts

@@ -3,7 +3,8 @@ import ShadowRoot from '../shadow-root/ShadowRoot';
 import Attr from '../../attribute/Attr';
 import DOMRect from './DOMRect';
 import Range from './Range';
-import DOMTokenList from './DOMTokenList';
+import DOMTokenList from '../../dom-token-list/DOMTokenList';
+import IDOMTokenList from '../../dom-token-list/IDOMTokenList';
 import QuerySelector from '../../query-selector/QuerySelector';
 import SelectorItem from '../../query-selector/SelectorItem';
 import MutationRecord from '../../mutation-observer/MutationRecord';
@@ -37,13 +38,25 @@ export default class Element extends Node implements IElement {
 	public nodeType = Node.ELEMENT_NODE;
 	public shadowRoot: IShadowRoot = null;
 	public _attributes: { [k: string]: Attr } = {};
-	public readonly classList = new DOMTokenList(this);
 	public scrollTop = 0;
 	public scrollLeft = 0;
 	public children: IHTMLCollection<IElement> = HTMLCollectionFactory.create();
-
 	public readonly namespaceURI: string = null;
 
+	private _classList: DOMTokenList = null;
+
+	/**
+	 * Returns class list.
+	 *
+	 * @returns Class list.
+	 */
+	public get classList(): IDOMTokenList {
+		if (!this._classList) {
+			this._classList = new DOMTokenList(this, 'class');
+		}
+		return <IDOMTokenList>this._classList;
+	}
+
 	/**
 	 * Returns ID.
 	 *
@@ -770,6 +783,8 @@ export default class Element extends Node implements IElement {
 
 		this._attributes[name] = attribute;
 
+		this._updateDomListIndices();
+
 		if (
 			this.attributeChangedCallback &&
 			(<typeof Element>this.constructor)._observedAttributes &&
@@ -843,6 +858,8 @@ export default class Element extends Node implements IElement {
 	public removeAttributeNode(attribute: Attr): void {
 		delete this._attributes[attribute.name];
 
+		this._updateDomListIndices();
+
 		if (
 			this.attributeChangedCallback &&
 			(<typeof Element>this.constructor)._observedAttributes &&
@@ -934,4 +951,13 @@ export default class Element extends Node implements IElement {
 		}
 		return name.toLowerCase();
 	}
+
+	/**
+	 * Updates DOM list indices.
+	 */
+	protected _updateDomListIndices(): void {
+		if (this._classList) {
+			this._classList._updateIndices();
+		}
+	}
 }

package/src/nodes/element/IElement.ts

@@ -2,7 +2,7 @@ import IShadowRoot from '../shadow-root/IShadowRoot';
 import Attr from '../../attribute/Attr';
 import DOMRect from './DOMRect';
 import Range from './Range';
-import DOMTokenList from './DOMTokenList';
+import IDOMTokenList from '../../dom-token-list/IDOMTokenList';
 import INode from './../node/INode';
 import IChildNode from '../child-node/IChildNode';
 import IParentNode from '../parent-node/IParentNode';
@@ -16,7 +16,7 @@ export type TInsertAdjacentPositions = 'beforebegin' | 'afterbegin' | 'beforeend
 export default interface IElement extends IChildNode, INonDocumentTypeChildNode, IParentNode {
 	readonly tagName: string;
 	readonly shadowRoot: IShadowRoot;
-	readonly classList: DOMTokenList;
+	readonly classList: IDOMTokenList;
 	readonly namespaceURI: string;
 	scrollTop: number;
 	scrollLeft: number;

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

@@ -10,8 +10,6 @@ import IHTMLLabelElement from './IHTMLLabelElement';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement.
  */
 export default class HTMLLabelElement extends HTMLElement implements IHTMLLabelElement {
-	public _htmlFor: string = null;
-
 	/**
 	 * Returns a string containing the ID of the labeled control. This reflects the "for" attribute.
 	 *
@@ -73,8 +71,6 @@ export default class HTMLLabelElement extends HTMLElement implements IHTMLLabelE
 	 * @returns Cloned node.
 	 */
 	public cloneNode(deep = false): IHTMLLabelElement {
-		const clone = <HTMLLabelElement>super.cloneNode(deep);
-		clone._htmlFor = this._htmlFor;
-		return clone;
+		return <HTMLLabelElement>super.cloneNode(deep);
 	}
 }

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

@@ -7,6 +7,8 @@ import IHTMLLinkElement from './IHTMLLinkElement';
 import Event from '../../event/Event';
 import ErrorEvent from '../../event/events/ErrorEvent';
 import INode from '../../nodes/node/INode';
+import DOMTokenList from '../../dom-token-list/DOMTokenList';
+import IDOMTokenList from '../../dom-token-list/IDOMTokenList';
 
 /**
  * HTML Link Element.
@@ -19,6 +21,19 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	public onload: (event: Event) => void = null;
 	public readonly sheet: CSSStyleSheet = null;
 	public _evaluateCSS = true;
+	private _relList: DOMTokenList = null;
+
+	/**
+	 * Returns rel list.
+	 *
+	 * @returns Rel list.
+	 */
+	public get relList(): IDOMTokenList {
+		if (!this._relList) {
+			this._relList = new DOMTokenList(this, 'rel');
+		}
+		return <IDOMTokenList>this._relList;
+	}
 
 	/**
 	 * Returns as.
@@ -259,4 +274,15 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 			}
 		}
 	}
+
+	/**
+	 * Updates DOM list indices.
+	 */
+	protected _updateDomListIndices(): void {
+		super._updateDomListIndices();
+
+		if (this._relList) {
+			this._relList._updateIndices();
+		}
+	}
 }

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

@@ -1,4 +1,5 @@
 import CSSStyleSheet from '../../css/CSSStyleSheet';
+import IDOMTokenList from '../../dom-token-list/IDOMTokenList';
 import IHTMLElement from '../html-element/IHTMLElement';
 
 /**
@@ -9,6 +10,7 @@ import IHTMLElement from '../html-element/IHTMLElement';
  */
 export default interface IHTMLLinkElement extends IHTMLElement {
 	readonly sheet: CSSStyleSheet;
+	readonly relList: IDOMTokenList;
 	as: string;
 	crossOrigin: string;
 	href: string;

package/src/query-selector/SelectorItem.ts

@@ -27,10 +27,11 @@ export default class SelectorItem {
 	 * @param selector Selector.
 	 */
 	constructor(selector: string) {
+		const isNotPseudo = selector.includes(':not(');
+
 		this.isAll = selector === '*';
 		this.isID = !this.isAll ? selector.startsWith('#') : false;
-		this.isAttribute =
-			!this.isAll && !this.isID && selector.includes('[') && !selector.includes(':not(');
+		this.isAttribute = !this.isAll && !this.isID && selector.includes('[') && !isNotPseudo;
 		this.isPseudo = !this.isAll && !this.isID && selector.includes(':');
 		this.isClass = !this.isAll && !this.isID && new RegExp(CLASS_REGEXP, 'g').test(selector);
 		this.tagName = !this.isAll && !this.isID ? selector.match(TAG_NAME_REGEXP) : null;
@@ -48,7 +49,6 @@ export default class SelectorItem {
 	 */
 	public match(element: Element): boolean {
 		const selector = this.selector;
-		let match;
 
 		// Is all (*)
 		if (this.isAll) {
@@ -68,29 +68,13 @@ export default class SelectorItem {
 		}
 
 		// Class match
-		if (this.isClass) {
-			const regexp = new RegExp(CLASS_REGEXP, 'g');
-
-			while ((match = regexp.exec(selector))) {
-				if (!element.classList.contains(match[1])) {
-					return false;
-				}
-			}
+		if (this.isClass && !this.matchesClass(element, selector)) {
+			return false;
 		}
 
 		// Pseudo match
-		if (this.isPseudo) {
-			const regexp = new RegExp(PSUEDO_REGEXP, 'g');
-
-			while ((match = regexp.exec(selector))) {
-				if (match[1] && !this.matchesNthChild(element, match[1], match[2])) {
-					return false;
-				} else if (match[3] && this.matchesAttribute(element, match[3])) {
-					return false;
-				} else if (match[4] && !this.matchesPsuedo(element, match[4])) {
-					return false;
-				}
-			}
+		if (this.isPseudo && !this.matchesPsuedo(element, selector)) {
+			return false;
 		}
 
 		// Attribute match
@@ -101,6 +85,35 @@ export default class SelectorItem {
 		return true;
 	}
 
+	/**
+	 * Matches a psuedo selector.
+	 *
+	 * @param element Element.
+	 * @param selector Selector.
+	 * @returns True if it is a match.
+	 */
+	private matchesPsuedo(element: Element, selector: string): boolean {
+		const regexp = new RegExp(PSUEDO_REGEXP, 'g');
+		let match: RegExpMatchArray;
+
+		while ((match = regexp.exec(selector))) {
+			const isNotClass = match[3] && match[3].trim()[0] === '.';
+			if (match[1] && !this.matchesNthChild(element, match[1], match[2])) {
+				return false;
+			} else if (
+				match[3] &&
+				((isNotClass && this.matchesClass(element, match[3])) ||
+					(!isNotClass && this.matchesAttribute(element, match[3])))
+			) {
+				return false;
+			} else if (match[4] && !this.matchesPsuedoExpression(element, match[4])) {
+				return false;
+			}
+		}
+
+		return true;
+	}
+
 	/**
 	 * Matches a nth-child selector.
 	 *
@@ -158,13 +171,13 @@ export default class SelectorItem {
 	}
 
 	/**
-	 * Matches a psuedo selector.
+	 * Matches a psuedo selector expression.
 	 *
 	 * @param element Element.
 	 * @param psuedo Psuedo name.
 	 * @returns True if it is a match.
 	 */
-	private matchesPsuedo(element: Element, psuedo: string): boolean {
+	private matchesPsuedoExpression(element: Element, psuedo: string): boolean {
 		const parent = <Element>element.parentNode;
 
 		if (!parent) {
@@ -220,7 +233,7 @@ export default class SelectorItem {
 	 */
 	private matchesAttribute(element: Element, selector: string): boolean {
 		const regexp = new RegExp(ATTRIBUTE_REGEXP, 'g');
-		let match;
+		let match: RegExpMatchArray;
 
 		while ((match = regexp.exec(selector))) {
 			const isPsuedo = match.index > 0 && selector[match.index] === '(';
@@ -236,6 +249,29 @@ export default class SelectorItem {
 		return true;
 	}
 
+	/**
+	 * Matches class.
+	 *
+	 * @param element Element.
+	 * @param selector Selector.
+	 * @returns True if it is a match.
+	 */
+	private matchesClass(element: Element, selector: string): boolean {
+		const regexp = new RegExp(CLASS_REGEXP, 'g');
+		const classList = element.className.split(' ');
+		let previousIndex = 0;
+		let match: RegExpMatchArray;
+
+		while ((match = regexp.exec(selector)) && match.index === previousIndex) {
+			if (!classList.includes(match[1])) {
+				return false;
+			}
+			previousIndex = match.index + match[0].length - 1;
+		}
+
+		return true;
+	}
+
 	/**
 	 * Matches attribute name only.
 	 *

package/src/window/IWindow.ts

@@ -69,11 +69,17 @@ import URLSearchParams from '../url-search-params/URLSearchParams';
 import HTMLCollection from '../nodes/element/HTMLCollection';
 import NodeList from '../nodes/node/NodeList';
 import Selection from '../selection/Selection';
+import IEventTarget from '../event/IEventTarget';
+import Navigator from '../navigator/Navigator';
+import MimeType from '../navigator/MimeType';
+import MimeTypeArray from '../navigator/MimeTypeArray';
+import Plugin from '../navigator/Plugin';
+import PluginArray from '../navigator/PluginArray';
 
 /**
  * Window.
  */
-export default interface IWindow {
+export default interface IWindow extends IEventTarget {
 	// Public Properties
 	readonly happyDOM: {
 		whenAsyncComplete: () => Promise<void>;
@@ -150,6 +156,11 @@ export default interface IWindow {
 	readonly CSSUnitValue: typeof CSSUnitValue;
 	readonly CSS: CSS;
 	readonly Selection: typeof Selection;
+	readonly Navigator: typeof Navigator;
+	readonly MimeType: typeof MimeType;
+	readonly MimeTypeArray: typeof MimeTypeArray;
+	readonly Plugin: typeof Plugin;
+	readonly PluginArray: typeof PluginArray;
 
 	// Events
 	onload: (event: Event) => void;
@@ -160,7 +171,7 @@ export default interface IWindow {
 	readonly customElements: CustomElementRegistry;
 	readonly location: Location;
 	readonly history: History;
-	readonly navigator: { userAgent: string };
+	readonly navigator: Navigator;
 	readonly console: Console;
 	readonly self: IWindow;
 	readonly top: IWindow;