happy-dom 4.0.2 → 5.1.0

package/src/nodes/html-option-element/HTMLOptionElement.ts

@@ -0,0 +1,117 @@
+import HTMLElement from '../html-element/HTMLElement';
+import IHTMLElement from '../html-element/IHTMLElement';
+import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
+import HTMLOptionElementValueSanitizer from './HTMLOptionElementValueSanitizer';
+import IHTMLOptionElement from './IHTMLOptionElement';
+
+/**
+ * HTML Option Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement.
+ */
+export default class HTMLOptionElement extends HTMLElement implements IHTMLOptionElement {
+	public _index: number;
+
+	/**
+	 * Returns inner text, which is the rendered appearance of text.
+	 *
+	 * @returns Inner text.
+	 */
+	public get text(): string {
+		return this.innerText;
+	}
+
+	/**
+	 * Sets the inner text, which is the rendered appearance of text.
+	 *
+	 * @param innerText Inner text.
+	 */
+	public set text(text: string) {
+		this.innerText = text;
+	}
+
+	/**
+	 * Returns index.
+	 *
+	 * @returns Index.
+	 */
+	public get index(): number {
+		return this._index;
+	}
+
+	/**
+	 * Returns the parent form element.
+	 *
+	 * @returns Form.
+	 */
+	public get form(): IHTMLFormElement {
+		let parent = <IHTMLElement>this.parentNode;
+		while (parent && parent.tagName !== 'FORM') {
+			parent = <IHTMLElement>parent.parentNode;
+		}
+		return <IHTMLFormElement>parent;
+	}
+
+	/**
+	 * Returns selected.
+	 *
+	 * @returns Selected.
+	 */
+	public get selected(): boolean {
+		return this.getAttributeNS(null, 'selected') !== null;
+	}
+
+	/**
+	 * Sets selected.
+	 *
+	 * @param selected Selected.
+	 */
+	public set selected(selected: boolean) {
+		if (!selected) {
+			this.removeAttributeNS(null, 'selected');
+		} else {
+			this.setAttributeNS(null, 'selected', '');
+		}
+	}
+
+	/**
+	 * Returns disabled.
+	 *
+	 * @returns Disabled.
+	 */
+	public get disabled(): boolean {
+		return this.getAttributeNS(null, 'disabled') !== null;
+	}
+
+	/**
+	 * Sets disabled.
+	 *
+	 * @param disabled Disabled.
+	 */
+	public set disabled(disabled: boolean) {
+		if (!disabled) {
+			this.removeAttributeNS(null, 'disabled');
+		} else {
+			this.setAttributeNS(null, 'disabled', '');
+		}
+	}
+
+	/**
+	 * Returns value.
+	 *
+	 * @returns Value.
+	 */
+	public get value(): string {
+		return this.getAttributeNS(null, 'value') || '';
+	}
+
+	/**
+	 * Sets value.
+	 *
+	 * @param value Value.
+	 */
+	public set value(value: string) {
+		this.setAttributeNS(null, 'value', HTMLOptionElementValueSanitizer.sanitize(value));
+	}
+}

package/src/nodes/html-option-element/HTMLOptionElementValueSanitizer.ts

@@ -0,0 +1,15 @@
+const NEW_LINES_REGEXP = /[\n\r]/gm;
+
+/**
+ * HTML select element value sanitizer.
+ */
+export default class HTMLOptionElementValueSanitizer {
+	/**
+	 * Sanitizes a value.
+	 *
+	 * @param value Value.
+	 */
+	public static sanitize(value: string): string {
+		return value.trim().replace(NEW_LINES_REGEXP, '');
+	}
+}

package/src/nodes/html-option-element/HTMLOptionsCollection.ts

@@ -0,0 +1,94 @@
+import DOMException from '../../exception/DOMException';
+import HTMLCollection from '../element/HTMLCollection';
+import HTMLOptGroupElement from '../html-opt-group-element/HTMLOptGroupElement';
+import HTMLOptionElement from './HTMLOptionElement';
+import IHTMLOptionsCollection from './IHTMLOptionsCollection';
+
+/**
+ * HTML Options Collection.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionsCollection.
+ */
+export default class HTMLOptionsCollection
+	extends HTMLCollection
+	implements IHTMLOptionsCollection
+{
+	public _selectedIndex: number;
+
+	/**
+	 * Returns selectedIndex.
+	 *
+	 * @returns SelectedIndex.
+	 */
+	public get selectedIndex(): number {
+		return this._selectedIndex;
+	}
+
+	/**
+	 * Sets selectedIndex.
+	 *
+	 * @param selectedIndex SelectedIndex.
+	 */
+	public set selectedIndex(selectedIndex: number) {
+		this._selectedIndex = selectedIndex;
+	}
+
+	/**
+	 * Returns item by index.
+	 *
+	 * @param index Index.
+	 */
+	public item(index: number): HTMLOptionElement | HTMLOptGroupElement {
+		return this[index];
+	}
+
+	/**
+	 *
+	 * @param element
+	 * @param before
+	 */
+	public add(
+		element: HTMLOptionElement | HTMLOptGroupElement,
+		before?: number | HTMLOptionElement | HTMLOptGroupElement
+	): void {
+		if (!before && before !== 0) {
+			this.push(element);
+			return;
+		}
+
+		if (!Number.isNaN(Number(before))) {
+			if (before < 0) {
+				return;
+			}
+
+			this.splice(<number>before, 0, element);
+			return;
+		}
+
+		const idx = this.findIndex((element) => element === before);
+		if (idx === -1) {
+			throw new DOMException(
+				"Failed to execute 'add' on 'DOMException': The node before which the new node is to be inserted is not a child of this node."
+			);
+		}
+
+		this.splice(idx, 0, element);
+	}
+
+	/**
+	 * Removes indexed element from collection.
+	 *
+	 * @param index Index.
+	 */
+	public remove(index: number): void {
+		this.splice(index, 1);
+		if (index === this.selectedIndex) {
+			if (this.length) {
+				this.selectedIndex = 0;
+			} else {
+				this.selectedIndex = -1;
+			}
+		}
+	}
+}

package/src/nodes/html-option-element/IHTMLOptionElement.ts

@@ -0,0 +1,17 @@
+import IHTMLElement from '../html-element/IHTMLElement';
+import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
+
+/**
+ * HTML Option Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement.
+ */
+export default interface IHTMLOptionElement extends IHTMLElement {
+	readonly form: IHTMLFormElement;
+	readonly index: number;
+	selected: boolean;
+	value: string;
+	text: string;
+	disabled: boolean;
+}

package/src/nodes/html-option-element/IHTMLOptionsCollection.ts

@@ -0,0 +1,33 @@
+import IHTMLCollection from '../element/IHTMLCollection';
+import IHTMLOptGroupElement from '../html-opt-group-element/IHTMLOptGroupElement';
+import IHTMLOptionElement from './IHTMLOptionElement';
+
+/**
+ * HTML Options Collection.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionsCollection.
+ */
+export default interface IHTMLOptionsCollection
+	extends IHTMLCollection<IHTMLOptionElement | IHTMLOptGroupElement> {
+	selectedIndex: number;
+	length: number;
+
+	/**
+	 * Adds new option to collection.
+	 *
+	 * @param element HTMLOptionElement or HTMLOptGroupElement to add.
+	 * @param before HTMLOptionElement or index number.
+	 */
+	add(
+		element: IHTMLOptionElement | IHTMLOptGroupElement,
+		before?: number | IHTMLOptionElement | IHTMLOptGroupElement
+	): void;
+
+	/**
+	 * Removes option element from the collection.
+	 *
+	 * @param index Index.
+	 */
+	remove(index: number): void;
+}

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

@@ -0,0 +1,239 @@
+import DOMException from '../../exception/DOMException';
+import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum';
+import HTMLElement from '../html-element/HTMLElement';
+import IHTMLElement from '../html-element/IHTMLElement';
+import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
+import ValidityState from '../validity-state/ValidityState';
+import IHTMLLabelElement from '../html-label-element/IHTMLLabelElement';
+import HTMLOptGroupElement from '../html-opt-group-element/HTMLOptGroupElement';
+import HTMLOptionElement from '../html-option-element/HTMLOptionElement';
+import HTMLOptionsCollection from '../html-option-element/HTMLOptionsCollection';
+import IHTMLOptionsCollection from '../html-option-element/IHTMLOptionsCollection';
+import INodeList from '../node/INodeList';
+import HTMLSelectElementValueSanitizer from './HTMLSelectElementValueSanitizer';
+import IHTMLSelectElement from './IHTMLSelectElement';
+
+/**
+ * HTML Select Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement.
+ */
+export default class HTMLSelectElement extends HTMLElement implements IHTMLSelectElement {
+	public type: string;
+	public labels: INodeList<IHTMLLabelElement>;
+
+	public _value = null;
+	public _selectedIndex = -1;
+	public _options: IHTMLOptionsCollection = null;
+
+	/**
+	 * Returns name.
+	 *
+	 * @returns Name.
+	 */
+	public get name(): string {
+		return this.getAttributeNS(null, 'name') || '';
+	}
+
+	/**
+	 * Sets name.
+	 *
+	 * @param name Name.
+	 */
+	public set name(name: string) {
+		this.setAttributeNS(null, 'name', name);
+	}
+
+	/**
+	 * Returns disabled.
+	 *
+	 * @returns Disabled.
+	 */
+	public get disabled(): boolean {
+		return this.getAttributeNS(null, 'disabled') !== null;
+	}
+
+	/**
+	 * Sets disabled.
+	 *
+	 * @param disabled Disabled.
+	 */
+	public set disabled(disabled: boolean) {
+		if (!disabled) {
+			this.removeAttributeNS(null, 'disabled');
+		} else {
+			this.setAttributeNS(null, 'disabled', '');
+		}
+	}
+
+	/**
+	 * Returns multiple.
+	 *
+	 * @returns Multiple.
+	 */
+	public get multiple(): boolean {
+		return this.getAttributeNS(null, 'multiple') !== null;
+	}
+
+	/**
+	 * Sets multiple.
+	 *
+	 * @param multiple Multiple.
+	 */
+	public set multiple(multiple: boolean) {
+		if (!multiple) {
+			this.removeAttributeNS(null, 'multiple');
+		} else {
+			this.setAttributeNS(null, 'multiple', '');
+		}
+	}
+
+	/**
+	 * Returns autofocus.
+	 *
+	 * @returns Autofocus.
+	 */
+	public get autofocus(): boolean {
+		return this.getAttributeNS(null, 'autofocus') !== null;
+	}
+
+	/**
+	 * Sets autofocus.
+	 *
+	 * @param autofocus Autofocus.
+	 */
+	public set autofocus(autofocus: boolean) {
+		if (!autofocus) {
+			this.removeAttributeNS(null, 'autofocus');
+		} else {
+			this.setAttributeNS(null, 'autofocus', '');
+		}
+	}
+
+	/**
+	 * Returns required.
+	 *
+	 * @returns Required.
+	 */
+	public get required(): boolean {
+		return this.getAttributeNS(null, 'required') !== null;
+	}
+
+	/**
+	 * Sets required.
+	 *
+	 * @param required Required.
+	 */
+	public set required(required: boolean) {
+		if (!required) {
+			this.removeAttributeNS(null, 'required');
+		} else {
+			this.setAttributeNS(null, 'required', '');
+		}
+	}
+
+	/**
+	 * Returns value.
+	 *
+	 * @returns Value.
+	 */
+	public get value(): string {
+		return this._value;
+	}
+
+	/**
+	 * Sets value.
+	 *
+	 * @param value Value.
+	 */
+	public set value(value: string) {
+		this._value = HTMLSelectElementValueSanitizer.sanitize(value);
+
+		const idx = this.options.findIndex((o) => o.nodeValue === value);
+		if (idx > -1) {
+			this._selectedIndex = idx;
+		}
+	}
+
+	/**
+	 * Returns value.
+	 *
+	 * @returns Value.
+	 */
+	public get selectedIndex(): number {
+		return this._options ? this._options.selectedIndex : -1;
+	}
+
+	/**
+	 * Sets value.
+	 *
+	 * @param value Value.
+	 */
+	public set selectedIndex(value: number) {
+		if (this.options.length - 1 > value || value < 0) {
+			throw new DOMException(
+				'Select elements selected index must be valid',
+				DOMExceptionNameEnum.indexSizeError
+			);
+		}
+
+		this._options.selectedIndex = value;
+	}
+
+	/**
+	 * Returns the parent form element.
+	 *
+	 * @returns Form.
+	 */
+	public get form(): IHTMLFormElement {
+		let parent = <IHTMLElement>this.parentNode;
+		while (parent && parent.tagName !== 'FORM') {
+			parent = <IHTMLElement>parent.parentNode;
+		}
+		return <IHTMLFormElement>parent;
+	}
+
+	/**
+	 * Returns validity state.
+	 *
+	 * @returns Validity state.
+	 */
+	public get validity(): ValidityState {
+		return new ValidityState(this);
+	}
+
+	/**
+	 * Returns "true" if it will validate.
+	 *
+	 * @returns "true" if it will validate.
+	 */
+	public get willValidate(): boolean {
+		return (
+			this.type !== 'hidden' &&
+			this.type !== 'reset' &&
+			this.type !== 'button' &&
+			!this.disabled &&
+			!this['readOnly']
+		);
+	}
+
+	/**
+	 * Returns options.
+	 *
+	 * @returns Options.
+	 */
+	public get options(): IHTMLOptionsCollection {
+		if (this._options === null) {
+			this._options = new HTMLOptionsCollection();
+			const childs = <INodeList<IHTMLElement>>this.childNodes;
+			for (const child of childs) {
+				if (child.tagName === 'OPTION') {
+					this._options.add(<HTMLOptionElement | HTMLOptGroupElement>child);
+				}
+			}
+		}
+
+		return this._options;
+	}
+}

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

@@ -0,0 +1,15 @@
+const NEW_LINES_REGEXP = /[\n\r]/gm;
+
+/**
+ * HTML select element value sanitizer.
+ */
+export default class HTMLSelectElementValueSanitizer {
+	/**
+	 * Sanitizes a value.
+	 *
+	 * @param value Value.
+	 */
+	public static sanitize(value: string): string {
+		return value.replace(NEW_LINES_REGEXP, '');
+	}
+}

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

@@ -0,0 +1,27 @@
+import IHTMLElement from '../html-element/IHTMLElement';
+import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
+import IHTMLLabelElement from '../html-label-element/IHTMLLabelElement';
+import INodeList from '../node/INodeList';
+import IHTMLOptionsCollection from '../html-option-element/IHTMLOptionsCollection';
+import ValidityState from '../validity-state/ValidityState';
+
+/**
+ * HTML Select Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement.
+ */
+export default interface IHTMLSelectElement extends IHTMLElement {
+	readonly form: IHTMLFormElement;
+	readonly labels: INodeList<IHTMLLabelElement>;
+	type: string;
+	autofocus: boolean;
+	disabled: boolean;
+	options: IHTMLOptionsCollection;
+	selectedIndex: number;
+	validity: ValidityState;
+	value: string;
+	willValidate: boolean;
+	name: string;
+	multiple: boolean;
+}

package/src/nodes/{html-input-element → validity-state}/ValidityState.ts

@@ -1,4 +1,5 @@
-import HTMLInputElement from './HTMLInputElement';
+import HTMLInputElement from '../html-input-element/HTMLInputElement';
+import HTMLSelectElement from '../html-select-element/HTMLSelectElement';
 
 /**
  * Input validity state.
@@ -12,14 +13,14 @@ export default class ValidityState {
 	public rangeOverflow = false;
 	public rangeUnderflow = false;
 	public stepMismatch = false;
-	private element: HTMLInputElement = null;
+	private element: HTMLInputElement | HTMLSelectElement = null;
 
 	/**
 	 * Constructor.
 	 *
 	 * @param element Input element.
 	 */
-	constructor(element: HTMLInputElement) {
+	constructor(element: HTMLInputElement | HTMLSelectElement) {
 		this.element = element;
 	}
 
@@ -29,7 +30,10 @@ export default class ValidityState {
 	 * @returns "true" if valid.
 	 */
 	public get tooLong(): boolean {
-		return this.element.maxLength && this.element.value.length > this.element.maxLength;
+		if (this.element instanceof HTMLInputElement) {
+			return this.element.maxLength && this.element.value.length > this.element.maxLength;
+		}
+		return false;
 	}
 
 	/**
@@ -38,7 +42,11 @@ export default class ValidityState {
 	 * @returns "true" if valid.
 	 */
 	public get tooShort(): boolean {
-		return this.element.minLength && this.element.value.length < this.element.minLength;
+		if (this.element instanceof HTMLInputElement) {
+			return this.element.minLength && this.element.value.length < this.element.minLength;
+		}
+
+		return false;
 	}
 
 	/**

package/src/window/IWindow.ts

@@ -80,6 +80,7 @@ import IHeaders from '../fetch/IHeaders';
 import IRequestInit from '../fetch/IRequestInit';
 import IResponse from '../fetch/IResponse';
 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';
@@ -173,6 +174,7 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	readonly Headers: { new (init?: string[][] | Record<string, string> | IHeaders): IHeaders };
 	readonly Request: { new (input: string | IRequest, init?: IRequestInit): IRequest };
 	readonly Response: { new (body?: unknown | null, init?: IResponseInit): IResponse };
+	readonly DOMRect: typeof DOMRect;
 
 	// Events
 	onload: (event: Event) => void;

package/src/window/Window.ts

@@ -87,6 +87,7 @@ import Plugin from '../navigator/Plugin';
 import PluginArray from '../navigator/PluginArray';
 import { URLSearchParams } from 'url';
 import FetchHandler from '../fetch/FetchHandler';
+import DOMRect from '../nodes/element/DOMRect';
 import VMGlobalPropertyScript from './VMGlobalPropertyScript';
 import * as PerfHooks from 'perf_hooks';
 import VM from 'vm';
@@ -192,6 +193,7 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly Response: {
 		new (body?: NodeJS.ReadableStream | null, init?: IResponseInit): IResponse;
 	} = Response;
+	public readonly DOMRect: typeof DOMRect;
 
 	// Events
 	public onload: (event: Event) => void = null;

package/src/xml-serializer/XMLSerializer.ts

@@ -75,6 +75,11 @@ export default class XMLSerializer {
 	 */
 	private _getAttributes(element: IElement): string {
 		let attributeString = '';
+
+		if (!(<Element>element)._attributes.is && (<Element>element)._isValue) {
+			attributeString += ' is="' + escape((<Element>element)._isValue) + '"';
+		}
+
 		for (const attribute of Object.values((<Element>element)._attributes)) {
 			if (attribute.value !== null) {
 				attributeString += ' ' + attribute.name + '="' + escape(attribute.value) + '"';

package/lib/nodes/html-input-element/ValidityState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValidityState.js","sourceRoot":"","sources":["../../../src/nodes/html-input-element/ValidityState.ts"],"names":[],"mappings":";;AAEA;;;;GAIG;AACH,MAAqB,aAAa;IASjC;;;;OAIG;IACH,YAAY,OAAyB;QAb9B,aAAQ,GAAG,KAAK,CAAC;QACjB,gBAAW,GAAG,KAAK,CAAC;QACpB,oBAAe,GAAG,KAAK,CAAC;QACxB,kBAAa,GAAG,KAAK,CAAC;QACtB,mBAAc,GAAG,KAAK,CAAC;QACvB,iBAAY,GAAG,KAAK,CAAC;QACpB,YAAO,GAAqB,IAAI,CAAC;QAQxC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,CAAC;IAED;;;;OAIG;IACH,IAAW,OAAO;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;IACrF,CAAC;IAED;;;;OAIG;IACH,IAAW,QAAQ;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;IACrF,CAAC;IAED;;;;OAIG;IACH,IAAW,YAAY;QACtB,OAAO,KAAK,CAAC;IACd,CAAC;IAED;;;;OAIG;IACH,IAAW,YAAY;QACtB,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IACrD,CAAC;IAED;;;;OAIG;IACH,IAAW,KAAK;QACf,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACpC,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE;gBACd,OAAO,KAAK,CAAC;aACb;SACD;QAED,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;IACpF,CAAC;CACD;AApED,gCAoEC"}