happy-dom 7.5.10 → 7.5.11

package/lib/nodes/html-select-element/HTMLSelectElement.js

@@ -7,8 +7,9 @@ const DOMException_1 = __importDefault(require("../../exception/DOMException"));
 const DOMExceptionNameEnum_1 = __importDefault(require("../../exception/DOMExceptionNameEnum"));
 const HTMLElement_1 = __importDefault(require("../html-element/HTMLElement"));
 const ValidityState_1 = __importDefault(require("../validity-state/ValidityState"));
+const HTMLOptionElement_1 = __importDefault(require("../html-option-element/HTMLOptionElement"));
 const HTMLOptionsCollection_1 = __importDefault(require("../html-option-element/HTMLOptionsCollection"));
-const HTMLSelectElementValueSanitizer_1 = __importDefault(require("./HTMLSelectElementValueSanitizer"));
+const NodeTypeEnum_1 = __importDefault(require("../node/NodeTypeEnum"));
 /**
  * HTML Select Element.
  *
@@ -18,12 +19,10 @@ const HTMLSelectElementValueSanitizer_1 = __importDefault(require("./HTMLSelectE
 class HTMLSelectElement extends HTMLElement_1.default {
     constructor() {
         super(...arguments);
+        this.options = new HTMLOptionsCollection_1.default(this);
         // Events
         this.onchange = null;
         this.oninput = null;
-        this._value = null;
-        this._selectedIndex = -1;
-        this._options = null;
     }
     /**
      * Returns name.
@@ -104,6 +103,22 @@ class HTMLSelectElement extends HTMLElement_1.default {
             this.setAttributeNS(null, 'autofocus', '');
         }
     }
+    /**
+     * Returns length.
+     *
+     * @returns length.
+     */
+    get length() {
+        return this.options.length;
+    }
+    /**
+     * Sets length.
+     *
+     * @param length Length.
+     */
+    set length(length) {
+        this.options.length = length;
+    }
     /**
      * Returns required.
      *
@@ -125,13 +140,25 @@ class HTMLSelectElement extends HTMLElement_1.default {
             this.setAttributeNS(null, 'required', '');
         }
     }
+    /**
+     * Returns type.
+     *
+     * @returns type.
+     */
+    get type() {
+        return this.hasAttributeNS(null, 'multiple') ? 'select-multiple' : 'select-one';
+    }
     /**
      * Returns value.
      *
      * @returns Value.
      */
     get value() {
-        return this._value;
+        if (this.options.selectedIndex === -1) {
+            return '';
+        }
+        const option = this.options[this.options.selectedIndex];
+        return option instanceof HTMLOptionElement_1.default ? option.value : '';
     }
     /**
      * Sets value.
@@ -139,11 +166,7 @@ class HTMLSelectElement extends HTMLElement_1.default {
      * @param value Value.
      */
     set value(value) {
-        this._value = HTMLSelectElementValueSanitizer_1.default.sanitize(value);
-        const idx = this.options.findIndex((o) => o.nodeValue === value);
-        if (idx > -1) {
-            this._selectedIndex = idx;
-        }
+        this.options.selectedIndex = this.options.findIndex((o) => o instanceof HTMLOptionElement_1.default && o.value === value);
     }
     /**
      * Returns value.
@@ -151,7 +174,7 @@ class HTMLSelectElement extends HTMLElement_1.default {
      * @returns Value.
      */
     get selectedIndex() {
-        return this._options ? this._options.selectedIndex : -1;
+        return this.options.selectedIndex;
     }
     /**
      * Sets value.
@@ -159,10 +182,10 @@ class HTMLSelectElement extends HTMLElement_1.default {
      * @param value Value.
      */
     set selectedIndex(value) {
-        if (value > this.options.length - 1 || value < 0) {
+        if (value > this.options.length - 1 || value < -1) {
             throw new DOMException_1.default('Select elements selected index must be valid', DOMExceptionNameEnum_1.default.indexSizeError);
         }
-        this._options.selectedIndex = value;
+        this.options.selectedIndex = value;
     }
     /**
      * Returns the parent form element.
@@ -197,21 +220,117 @@ class HTMLSelectElement extends HTMLElement_1.default {
             !this['readOnly']);
     }
     /**
-     * Returns options.
+     * Returns item from options collection by index.
+     *
+     * @param index Index.
+     */
+    item(index) {
+        return this.options.item(index);
+    }
+    /**
+     * Adds new option to options collection.
+     *
+     * @param element HTMLOptionElement or HTMLOptGroupElement to add.
+     * @param before HTMLOptionElement or index number.
+     */
+    add(element, before) {
+        this.options.add(element, before);
+    }
+    /**
+     * Removes indexed element from collection or the select element.
      *
-     * @returns Options.
+     * @param [index] Index.
      */
-    get options() {
-        if (this._options === null) {
-            this._options = new HTMLOptionsCollection_1.default();
-            const childs = this.childNodes;
-            for (const child of childs) {
-                if (child.tagName === 'OPTION') {
-                    this._options.add(child);
+    remove(index) {
+        if (typeof index === 'number') {
+            this.options.remove(index);
+        }
+        else {
+            super.remove();
+        }
+    }
+    /**
+     * @override
+     */
+    appendChild(node) {
+        if (node.nodeType === NodeTypeEnum_1.default.elementNode) {
+            const element = node;
+            const previousLength = this.options.length;
+            if (element.tagName === 'OPTION' || element.tagName === 'OPTGROUP') {
+                this.options.push(element);
+            }
+            this._updateIndexProperties(previousLength, this.options.length);
+        }
+        return super.appendChild(node);
+    }
+    /**
+     * @override
+     */
+    insertBefore(newNode, referenceNode) {
+        const returnValue = super.insertBefore(newNode, referenceNode);
+        if (newNode.nodeType === NodeTypeEnum_1.default.elementNode &&
+            referenceNode?.nodeType === NodeTypeEnum_1.default.elementNode) {
+            const newElement = newNode;
+            const previousLength = this.options.length;
+            if (newElement.tagName === 'OPTION' || newElement.tagName === 'OPTGROUP') {
+                const referenceElement = referenceNode;
+                if (referenceElement &&
+                    (referenceElement.tagName === 'OPTION' || referenceElement.tagName === 'OPTGROUP')) {
+                    const referenceIndex = this.options.indexOf(referenceElement);
+                    if (referenceIndex !== -1) {
+                        this.options.splice(referenceIndex, 0, newElement);
+                    }
+                }
+                else {
+                    this.options.push(newElement);
+                }
+            }
+            this._updateIndexProperties(previousLength, this.options.length);
+        }
+        return returnValue;
+    }
+    /**
+     * @override
+     */
+    removeChild(node) {
+        if (node.nodeType === NodeTypeEnum_1.default.elementNode) {
+            const element = node;
+            const previousLength = this.options.length;
+            if (element.tagName === 'OPTION' || element.tagName === 'OPTION') {
+                const index = this.options.indexOf(node);
+                if (index !== -1) {
+                    this.options.splice(index, 1);
+                }
+            }
+            this._updateIndexProperties(previousLength, this.options.length);
+        }
+        return super.removeChild(node);
+    }
+    /**
+     * Updates index properties.
+     *
+     * @param previousLength Length before the update.
+     * @param newLength Length after the update.
+     */
+    _updateIndexProperties(previousLength, newLength) {
+        if (previousLength > newLength) {
+            for (let i = newLength; i < previousLength; i++) {
+                if (this.hasOwnProperty(String(i))) {
+                    delete this[String(i)];
                 }
             }
         }
-        return this._options;
+        else if (previousLength < newLength) {
+            for (let i = previousLength; i < newLength; i++) {
+                Object.defineProperty(this, String(i), {
+                    get: () => {
+                        return this.options[i];
+                    },
+                    enumerable: true,
+                    configurable: true
+                });
+            }
+        }
     }
 }
 exports.default = HTMLSelectElement;

package/lib/nodes/html-select-element/HTMLSelectElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLSelectElement.js","sourceRoot":"","sources":["../../../src/nodes/html-select-element/HTMLSelectElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"HTMLSelectElement.js","sourceRoot":"","sources":["../../../src/nodes/html-select-element/HTMLSelectElement.ts"],"names":[],"mappings":"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"}

package/lib/nodes/html-select-element/IHTMLSelectElement.d.ts

@@ -5,6 +5,8 @@ import INodeList from '../node/INodeList';
 import IHTMLOptionsCollection from '../html-option-element/IHTMLOptionsCollection';
 import ValidityState from '../validity-state/ValidityState';
 import Event from '../../event/Event';
+import IHTMLOptionElement from '../html-option-element/IHTMLOptionElement';
+import IHTMLOptGroupElement from '../html-opt-group-element/IHTMLOptGroupElement';
 /**
  * HTML Select Element.
  *
@@ -14,16 +16,36 @@ import Event from '../../event/Event';
 export default interface IHTMLSelectElement extends IHTMLElement {
     readonly form: IHTMLFormElement;
     readonly labels: INodeList<IHTMLLabelElement>;
-    type: string;
+    readonly options: IHTMLOptionsCollection;
+    readonly type: string;
+    readonly validity: ValidityState;
+    readonly willValidate: boolean;
     autofocus: boolean;
     disabled: boolean;
-    options: IHTMLOptionsCollection;
+    length: number;
     selectedIndex: number;
-    validity: ValidityState;
     value: string;
-    willValidate: boolean;
     name: string;
     multiple: boolean;
     onchange: (event: Event) => void | null;
     oninput: (event: Event) => void | null;
+    /**
+     * 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;
+    /**
+     * Returns option element by index.
+     *
+     * @param index Index.
+     */
+    item(index: number): IHTMLOptionElement | IHTMLOptGroupElement;
+    /**
+     * Removes option element from the collection.
+     *
+     * @param index Index.
+     */
+    remove(index?: number): void;
 }

package/lib/nodes/node/Node.d.ts

@@ -179,7 +179,7 @@ export default class Node extends EventTarget implements INode {
      * Inserts a node before another.
      *
      * @param newNode Node to insert.
-     * @param [referenceNode] Node to insert before.
+     * @param referenceNode Node to insert before.
      * @returns Inserted node.
      */
     insertBefore(newNode: INode, referenceNode: INode | null): INode;

package/lib/nodes/node/Node.js

@@ -310,7 +310,7 @@ class Node extends EventTarget_1.default {
      * Inserts a node before another.
      *
      * @param newNode Node to insert.
-     * @param [referenceNode] Node to insert before.
+     * @param referenceNode Node to insert before.
      * @returns Inserted node.
      */
     insertBefore(newNode, referenceNode) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "happy-dom",
-	"version": "7.5.10",
+	"version": "7.5.11",
 	"license": "MIT",
 	"homepage": "https://github.com/capricorn86/happy-dom",
 	"repository": "https://github.com/capricorn86/happy-dom",
@@ -75,5 +75,5 @@
 		"ts-jest": "^27.1.3",
 		"typescript": "^4.6.2"
 	},
-	"gitHead": "8a08a695bec1fffd16bbdfa1040579377ebfbebf"
+	"gitHead": "0bc3e37434cb2c78af887cecad60b3dff874b0c0"
 }

package/src/nodes/element/Element.ts

@@ -365,13 +365,9 @@ export default class Element extends Node implements IElement {
 	}
 
 	/**
-	 * Append a child node to childNodes.
-	 *
 	 * @override
-	 * @param  node Node to append.
-	 * @returns Appended node.
 	 */
-	public appendChild(node: INode): INode {
+	public override appendChild(node: INode): INode {
 		// If the type is DocumentFragment, then the child nodes of if it should be moved instead of the actual node.
 		// See: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
 		if (node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {
@@ -391,12 +387,9 @@ export default class Element extends Node implements IElement {
 	}
 
 	/**
-	 * Remove Child element from childNodes array.
-	 *
 	 * @override
-	 * @param node Node to remove.
 	 */
-	public removeChild(node: INode): INode {
+	public override removeChild(node: INode): INode {
 		if (node.nodeType === Node.ELEMENT_NODE) {
 			const index = this.children.indexOf(<IElement>node);
 			if (index !== -1) {
@@ -415,14 +408,9 @@ export default class Element extends Node implements IElement {
 	}
 
 	/**
-	 * Inserts a node before another.
-	 *
 	 * @override
-	 * @param newNode Node to insert.
-	 * @param [referenceNode] Node to insert before.
-	 * @returns Inserted node.
 	 */
-	public insertBefore(newNode: INode, referenceNode?: INode): INode {
+	public override insertBefore(newNode: INode, referenceNode: INode | null): INode {
 		const returnValue = super.insertBefore(newNode, referenceNode);
 
 		// If the type is DocumentFragment, then the child nodes of if it should be moved instead of the actual node.

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

@@ -1,9 +1,10 @@
 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';
 
+const NEW_LINES_REGEXP = /[\n\r]/gm;
+
 /**
  * HTML Option Element.
  *
@@ -112,6 +113,6 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 	 * @param value Value.
 	 */
 	public set value(value: string) {
-		this.setAttributeNS(null, 'value', HTMLOptionElementValueSanitizer.sanitize(value));
+		this.setAttributeNS(null, 'value', String(value).trim().replace(NEW_LINES_REGEXP, ''));
 	}
 }

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

@@ -1,7 +1,9 @@
 import DOMException from '../../exception/DOMException';
 import HTMLCollection from '../element/HTMLCollection';
-import HTMLOptGroupElement from '../html-opt-group-element/HTMLOptGroupElement';
+import IHTMLOptGroupElement from '../html-opt-group-element/IHTMLOptGroupElement';
+import IHTMLSelectElement from '../html-select-element/IHTMLSelectElement';
 import HTMLOptionElement from './HTMLOptionElement';
+import IHTMLOptionElement from './IHTMLOptionElement';
 import IHTMLOptionsCollection from './IHTMLOptionsCollection';
 
 /**
@@ -14,7 +16,17 @@ export default class HTMLOptionsCollection
 	extends HTMLCollection
 	implements IHTMLOptionsCollection
 {
-	public _selectedIndex: number;
+	private _selectElement: IHTMLSelectElement;
+
+	/**
+	 *
+	 * @param selectElement
+	 */
+	constructor(selectElement: IHTMLSelectElement) {
+		super();
+
+		this._selectElement = selectElement;
+	}
 
 	/**
 	 * Returns selectedIndex.
@@ -22,7 +34,14 @@ export default class HTMLOptionsCollection
 	 * @returns SelectedIndex.
 	 */
 	public get selectedIndex(): number {
-		return this._selectedIndex;
+		for (let i = 0; i < this.length; i++) {
+			const item = this[i];
+			if (item instanceof HTMLOptionElement && item.selected) {
+				return i;
+			}
+		}
+
+		return -1;
 	}
 
 	/**
@@ -31,7 +50,12 @@ export default class HTMLOptionsCollection
 	 * @param selectedIndex SelectedIndex.
 	 */
 	public set selectedIndex(selectedIndex: number) {
-		this._selectedIndex = selectedIndex;
+		for (let i = 0; i < this.length; i++) {
+			const item = this[i];
+			if (item instanceof HTMLOptionElement) {
+				this[i].selected = i === selectedIndex;
+			}
+		}
 	}
 
 	/**
@@ -39,7 +63,7 @@ export default class HTMLOptionsCollection
 	 *
 	 * @param index Index.
 	 */
-	public item(index: number): HTMLOptionElement | HTMLOptGroupElement {
+	public item(index: number): IHTMLOptionElement | IHTMLOptGroupElement {
 		return this[index];
 	}
 
@@ -49,11 +73,11 @@ export default class HTMLOptionsCollection
 	 * @param before
 	 */
 	public add(
-		element: HTMLOptionElement | HTMLOptGroupElement,
-		before?: number | HTMLOptionElement | HTMLOptGroupElement
+		element: IHTMLOptionElement | IHTMLOptGroupElement,
+		before?: number | IHTMLOptionElement | IHTMLOptGroupElement
 	): void {
 		if (!before && before !== 0) {
-			this.push(element);
+			this._selectElement.appendChild(element);
 			return;
 		}
 
@@ -62,18 +86,19 @@ export default class HTMLOptionsCollection
 				return;
 			}
 
-			this.splice(<number>before, 0, element);
+			this._selectElement.insertBefore(element, this[<number>before]);
 			return;
 		}
 
-		const idx = this.findIndex((element) => element === before);
-		if (idx === -1) {
+		const index = this.indexOf(before);
+
+		if (index === -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);
+		this._selectElement.insertBefore(element, this[index]);
 	}
 
 	/**
@@ -82,13 +107,8 @@ export default class HTMLOptionsCollection
 	 * @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;
-			}
+		if (this[index]) {
+			this._selectElement.removeChild(<IHTMLOptionElement>this[index]);
 		}
 	}
 }

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

@@ -24,6 +24,13 @@ export default interface IHTMLOptionsCollection
 		before?: number | IHTMLOptionElement | IHTMLOptGroupElement
 	): void;
 
+	/**
+	 * Returns option element by index.
+	 *
+	 * @param index Index.
+	 */
+	item(index: number): IHTMLOptionElement | IHTMLOptGroupElement;
+
 	/**
 	 * Removes option element from the collection.
 	 *