happy-dom 5.0.0 → 5.3.0

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/Window.ts

@@ -92,6 +92,7 @@ import VMGlobalPropertyScript from './VMGlobalPropertyScript';
 import * as PerfHooks from 'perf_hooks';
 import VM from 'vm';
 import { Buffer } from 'buffer';
+import { atob, btoa } from './WindowBase64';
 
 /**
  * Browser window.
@@ -219,6 +220,10 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly localStorage = new Storage();
 	public readonly performance = PerfHooks.performance;
 
+	// Atob & btoa
+	public atob = atob;
+	public btoa = btoa;
+
 	// Node.js Globals
 	public ArrayBuffer;
 	public Boolean;

package/src/window/WindowBase64.ts

@@ -0,0 +1,95 @@
+import DOMException from '../exception/DOMException';
+import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum';
+
+const base64list = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+
+/**
+ * Btoa.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/btoa.
+ *
+ * @param data
+ */
+export const btoa = (data: unknown): string => {
+	const str = (<string>data).toString();
+	if (/[^\u0000-\u00ff]/.test(str)) {
+		throw new DOMException(
+			"Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.",
+			DOMExceptionNameEnum.invalidCharacterError
+		);
+	}
+
+	let t = '';
+	let p = -6;
+	let a = 0;
+	let i = 0;
+	let v = 0;
+	let c;
+	while (i < str.length || p > -6) {
+		if (p < 0) {
+			if (i < str.length) {
+				c = str.charCodeAt(i++);
+				v += 8;
+			} else {
+				c = 0;
+			}
+			a = ((a & 255) << 8) | (c & 255);
+			p += 8;
+		}
+		t += base64list.charAt(v > 0 ? (a >> p) & 63 : 64);
+		p -= 6;
+		v -= 6;
+	}
+	return t;
+};
+
+/**
+ * Atob.
+ *
+ * Reference:
+ * https://infra.spec.whatwg.org/#forgiving-base64-encode.
+ * Https://html.spec.whatwg.org/multipage/webappapis.html#btoa.
+ *
+ * @param data
+ */
+export const atob = (data: unknown): string => {
+	const str = (<string>data).toString();
+
+	if (/[^\u0000-\u00ff]/.test(str)) {
+		throw new DOMException(
+			"Failed to execute 'atob' on 'Window': The string to be decoded contains characters outside of the Latin1 range.",
+			DOMExceptionNameEnum.invalidCharacterError
+		);
+	}
+
+	if (/[^A-Za-z\d+/=]/.test(str) || str.length % 4 == 1) {
+		throw new DOMException(
+			"Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.",
+			DOMExceptionNameEnum.invalidCharacterError
+		);
+	}
+
+	let t = '';
+	let p = -8;
+	let a = 0;
+	let c;
+	let d;
+	for (let i = 0; i < str.length; i++) {
+		if ((c = base64list.indexOf(str.charAt(i))) < 0) {
+			continue;
+		}
+		a = (a << 6) | (c & 63);
+		if ((p += 6) >= 0) {
+			d = (a >> p) & 255;
+			if (c !== 64) {
+				t += String.fromCharCode(d);
+			}
+			a &= 63;
+			p -= 8;
+		}
+	}
+	return t;
+};
+
+exports = { btoa: btoa, atob: atob };

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"}