happy-dom 10.5.2 → 10.5.3

package/src/nodes/html-anchor-element/HTMLAnchorElementNamedNodeMap.ts

@@ -0,0 +1,48 @@
+import IAttr from '../attr/IAttr.js';
+import HTMLElementNamedNodeMap from '../html-element/HTMLElementNamedNodeMap.js';
+import HTMLAnchorElement from './HTMLAnchorElement.js';
+import HTMLAnchorElementUtility from './HTMLAnchorElementUtility.js';
+
+/**
+ * Named Node Map.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
+ */
+export default class HTMLAnchorElementNamedNodeMap extends HTMLElementNamedNodeMap {
+	protected _ownerElement: HTMLAnchorElement;
+
+	/**
+	 * @override
+	 */
+	public override setNamedItem(item: IAttr): IAttr | null {
+		const replacedItem = super.setNamedItem(item);
+
+		if (item.name === 'rel' && this._ownerElement._relList) {
+			this._ownerElement._relList._updateIndices();
+		} else if (item.name === 'href') {
+			this._ownerElement._url = HTMLAnchorElementUtility.getUrl(
+				this._ownerElement.ownerDocument,
+				item.value
+			);
+		}
+
+		return replacedItem || null;
+	}
+
+	/**
+	 * @override
+	 */
+	public override removeNamedItem(name: string): IAttr | null {
+		const removedItem = super.removeNamedItem(name);
+
+		if (removedItem) {
+			if (removedItem.name === 'rel' && this._ownerElement._relList) {
+				this._ownerElement._relList._updateIndices();
+			} else if (removedItem.name === 'href') {
+				this._ownerElement._url = null;
+			}
+		}
+
+		return removedItem;
+	}
+}

package/src/nodes/html-button-element/HTMLButtonElement.ts

@@ -1,7 +1,7 @@
 import Event from '../../event/Event.js';
 import EventPhaseEnum from '../../event/EventPhaseEnum.js';
+import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
 import ValidityState from '../../validity-state/ValidityState.js';
-import IAttr from '../attr/IAttr.js';
 import IDocument from '../document/IDocument.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import HTMLFormElement from '../html-form-element/HTMLFormElement.js';
@@ -11,6 +11,7 @@ import INode from '../node/INode.js';
 import INodeList from '../node/INodeList.js';
 import NodeList from '../node/NodeList.js';
 import IShadowRoot from '../shadow-root/IShadowRoot.js';
+import HTMLButtonElementNamedNodeMap from './HTMLButtonElementNamedNodeMap.js';
 import IHTMLButtonElement from './IHTMLButtonElement.js';
 
 const BUTTON_TYPES = ['submit', 'reset', 'button', 'menu'];
@@ -22,6 +23,7 @@ const BUTTON_TYPES = ['submit', 'reset', 'button', 'menu'];
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement.
  */
 export default class HTMLButtonElement extends HTMLElement implements IHTMLButtonElement {
+	public override readonly attributes: INamedNodeMap = new HTMLButtonElementNamedNodeMap(this);
 	public readonly validationMessage = '';
 	public readonly validity = new ValidityState(this);
 
@@ -238,38 +240,6 @@ export default class HTMLButtonElement extends HTMLElement implements IHTMLButto
 		return returnValue;
 	}
 
-	/**
-	 * @override
-	 */
-	public override setAttributeNode(attribute: IAttr): IAttr | null {
-		const replacedAttribute = super.setAttributeNode(attribute);
-		const oldValue = replacedAttribute ? replacedAttribute.value : null;
-
-		if ((attribute.name === 'id' || attribute.name === 'name') && this._formNode) {
-			if (oldValue) {
-				(<HTMLFormElement>this._formNode)._removeFormControlItem(this, oldValue);
-			}
-			if (attribute.value) {
-				(<HTMLFormElement>this._formNode)._appendFormControlItem(this, attribute.value);
-			}
-		}
-
-		return replacedAttribute;
-	}
-
-	/**
-	 * @override
-	 */
-	public override removeAttributeNode(attribute: IAttr): IAttr {
-		super.removeAttributeNode(attribute);
-
-		if ((attribute.name === 'id' || attribute.name === 'name') && this._formNode) {
-			(<HTMLFormElement>this._formNode)._removeFormControlItem(this, attribute.value);
-		}
-
-		return attribute;
-	}
-
 	/**
 	 * @override
 	 */

package/src/nodes/html-button-element/HTMLButtonElementNamedNodeMap.ts

@@ -0,0 +1,56 @@
+import IAttr from '../attr/IAttr.js';
+import HTMLElementNamedNodeMap from '../html-element/HTMLElementNamedNodeMap.js';
+import HTMLFormElement from '../html-form-element/HTMLFormElement.js';
+import HTMLButtonElement from './HTMLButtonElement.js';
+
+/**
+ * Named Node Map.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
+ */
+export default class HTMLButtonElementNamedNodeMap extends HTMLElementNamedNodeMap {
+	protected _ownerElement: HTMLButtonElement;
+
+	/**
+	 * @override
+	 */
+	public override setNamedItem(item: IAttr): IAttr | null {
+		const replacedItem = super.setNamedItem(item);
+
+		if ((item.name === 'id' || item.name === 'name') && this._ownerElement._formNode) {
+			if (replacedItem?.value) {
+				(<HTMLFormElement>this._ownerElement._formNode)._removeFormControlItem(
+					this._ownerElement,
+					replacedItem.value
+				);
+			}
+			if (item.value) {
+				(<HTMLFormElement>this._ownerElement._formNode)._appendFormControlItem(
+					this._ownerElement,
+					item.value
+				);
+			}
+		}
+
+		return replacedItem || null;
+	}
+
+	/**
+	 * @override
+	 */
+	public override removeNamedItem(name: string): IAttr | null {
+		const removedItem = super.removeNamedItem(name);
+
+		if (
+			(removedItem.name === 'id' || removedItem.name === 'name') &&
+			this._ownerElement._formNode
+		) {
+			(<HTMLFormElement>this._ownerElement._formNode)._removeFormControlItem(
+				this._ownerElement,
+				removedItem.value
+			);
+		}
+
+		return removedItem;
+	}
+}

package/src/nodes/html-element/HTMLElement.ts

@@ -1,13 +1,14 @@
 import Element from '../element/Element.js';
 import IHTMLElement from './IHTMLElement.js';
 import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration.js';
-import IAttr from '../attr/IAttr.js';
 import PointerEvent from '../../event/events/PointerEvent.js';
 import Dataset from '../element/Dataset.js';
 import NodeTypeEnum from '../node/NodeTypeEnum.js';
 import DOMException from '../../exception/DOMException.js';
 import Event from '../../event/Event.js';
 import HTMLElementUtility from './HTMLElementUtility.js';
+import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
+import HTMLElementNamedNodeMap from './HTMLElementNamedNodeMap.js';
 
 /**
  * HTML Element.
@@ -16,6 +17,7 @@ import HTMLElementUtility from './HTMLElementUtility.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.
  */
 export default class HTMLElement extends Element implements IHTMLElement {
+	public override readonly attributes: INamedNodeMap = new HTMLElementNamedNodeMap(this);
 	public readonly accessKey = '';
 	public readonly accessKeyLabel = '';
 	public readonly contentEditable = 'inherit';
@@ -27,7 +29,7 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	public readonly clientHeight = 0;
 	public readonly clientWidth = 0;
 
-	private _style: CSSStyleDeclaration = null;
+	public _style: CSSStyleDeclaration = null;
 	private _dataset: Dataset = null;
 
 	// Events
@@ -322,32 +324,6 @@ export default class HTMLElement extends Element implements IHTMLElement {
 		HTMLElementUtility.focus(this);
 	}
 
-	/**
-	 * @override
-	 */
-	public setAttributeNode(attribute: IAttr): IAttr | null {
-		const replacedAttribute = super.setAttributeNode(attribute);
-
-		if (attribute.name === 'style' && this._style) {
-			this._style.cssText = attribute.value;
-		}
-
-		return replacedAttribute;
-	}
-
-	/**
-	 * @override
-	 */
-	public removeAttributeNode(attribute: IAttr): IAttr {
-		super.removeAttributeNode(attribute);
-
-		if (attribute.name === 'style' && this._style) {
-			this._style.cssText = '';
-		}
-
-		return attribute;
-	}
-
 	/**
 	 * @override
 	 */

package/src/nodes/html-element/HTMLElementNamedNodeMap.ts

@@ -0,0 +1,38 @@
+import IAttr from '../attr/IAttr.js';
+import ElementNamedNodeMap from '../element/ElementNamedNodeMap.js';
+import HTMLElement from './HTMLElement.js';
+
+/**
+ * Named Node Map.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
+ */
+export default class HTMLElementNamedNodeMap extends ElementNamedNodeMap {
+	protected _ownerElement: HTMLElement;
+
+	/**
+	 * @override
+	 */
+	public override setNamedItem(item: IAttr): IAttr | null {
+		const replacedItem = super.setNamedItem(item);
+
+		if (item.name === 'style' && this._ownerElement._style) {
+			this._ownerElement._style.cssText = item.value;
+		}
+
+		return replacedItem || null;
+	}
+
+	/**
+	 * @override
+	 */
+	public override removeNamedItem(name: string): IAttr | null {
+		const removedItem = super.removeNamedItem(name);
+
+		if (removedItem && removedItem.name === 'style' && this._ownerElement._style) {
+			this._ownerElement._style.cssText = '';
+		}
+
+		return removedItem;
+	}
+}

package/src/nodes/html-iframe-element/HTMLIFrameElement.ts

@@ -6,7 +6,8 @@ import INode from '../node/INode.js';
 import IFrameCrossOriginWindow from './IFrameCrossOriginWindow.js';
 import IHTMLIFrameElement from './IHTMLIFrameElement.js';
 import HTMLIFrameUtility from './HTMLIFrameUtility.js';
-import IAttr from '../attr/IAttr.js';
+import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
+import HTMLIFrameElementNamedNodeMap from './HTMLIFrameElementNamedNodeMap.js';
 
 /**
  * HTML Iframe Element.
@@ -15,6 +16,8 @@ import IAttr from '../attr/IAttr.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement.
  */
 export default class HTMLIFrameElement extends HTMLElement implements IHTMLIFrameElement {
+	public override readonly attributes: INamedNodeMap = new HTMLIFrameElementNamedNodeMap(this);
+
 	// Events
 	public onload: (event: Event) => void | null = null;
 	public onerror: (event: Event) => void | null = null;
@@ -180,23 +183,6 @@ export default class HTMLIFrameElement extends HTMLElement implements IHTMLIFram
 		}
 	}
 
-	/**
-	 * @override
-	 */
-	public override setAttributeNode(attribute: IAttr): IAttr | null {
-		const replacedAttribute = super.setAttributeNode(attribute);
-
-		if (
-			attribute.name === 'src' &&
-			attribute.value &&
-			attribute.value !== replacedAttribute?.value
-		) {
-			HTMLIFrameUtility.loadPage(this);
-		}
-
-		return replacedAttribute;
-	}
-
 	/**
 	 * Clones a node.
 	 *

package/src/nodes/html-iframe-element/HTMLIFrameElementNamedNodeMap.ts

@@ -0,0 +1,26 @@
+import IAttr from '../attr/IAttr.js';
+import HTMLElementNamedNodeMap from '../html-element/HTMLElementNamedNodeMap.js';
+import HTMLIFrameElement from './HTMLIFrameElement.js';
+import HTMLIFrameUtility from './HTMLIFrameUtility.js';
+
+/**
+ * Named Node Map.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
+ */
+export default class HTMLIFrameElementNamedNodeMap extends HTMLElementNamedNodeMap {
+	protected _ownerElement: HTMLIFrameElement;
+
+	/**
+	 * @override
+	 */
+	public override setNamedItem(item: IAttr): IAttr | null {
+		const replacedAttribute = super.setNamedItem(item);
+
+		if (item.name === 'src' && item.value && item.value !== replacedAttribute?.value) {
+			HTMLIFrameUtility.loadPage(this._ownerElement);
+		}
+
+		return replacedAttribute || null;
+	}
+}

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

@@ -13,7 +13,6 @@ import HTMLInputElementValueStepping from './HTMLInputElementValueStepping.js';
 import FileList from './FileList.js';
 import File from '../../file/File.js';
 import IFileList from './IFileList.js';
-import IAttr from '../attr/IAttr.js';
 import INode from '../node/INode.js';
 import HTMLFormElement from '../html-form-element/HTMLFormElement.js';
 import INodeList from '../node/INodeList.js';
@@ -23,6 +22,8 @@ import IShadowRoot from '../shadow-root/IShadowRoot.js';
 import NodeList from '../node/NodeList.js';
 import EventPhaseEnum from '../../event/EventPhaseEnum.js';
 import { dateIsoWeek, isoWeekDate } from './HTMLInputDateUtility.js';
+import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
+import HTMLInputElementNamedNodeMap from './HTMLInputElementNamedNodeMap.js';
 
 /**
  * HTML Input Element.
@@ -34,6 +35,8 @@ import { dateIsoWeek, isoWeekDate } from './HTMLInputDateUtility.js';
  * https://github.com/jsdom/jsdom/blob/master/lib/jsdom/living/nodes/nodes/HTMLInputElement-impl.js (MIT licensed).
  */
 export default class HTMLInputElement extends HTMLElement implements IHTMLInputElement {
+	public override readonly attributes: INamedNodeMap = new HTMLInputElementNamedNodeMap(this);
+
 	// Related to parent form.
 	public formAction = '';
 	public formMethod = '';
@@ -1224,38 +1227,6 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 		return returnValue;
 	}
 
-	/**
-	 * @override
-	 */
-	public override setAttributeNode(attribute: IAttr): IAttr | null {
-		const replacedAttribute = super.setAttributeNode(attribute);
-		const oldValue = replacedAttribute ? replacedAttribute.value : null;
-
-		if ((attribute.name === 'id' || attribute.name === 'name') && this._formNode) {
-			if (oldValue) {
-				(<HTMLFormElement>this._formNode)._removeFormControlItem(this, oldValue);
-			}
-			if (attribute.value) {
-				(<HTMLFormElement>this._formNode)._appendFormControlItem(this, attribute.value);
-			}
-		}
-
-		return replacedAttribute;
-	}
-
-	/**
-	 * @override
-	 */
-	public override removeAttributeNode(attribute: IAttr): IAttr {
-		super.removeAttributeNode(attribute);
-
-		if ((attribute.name === 'id' || attribute.name === 'name') && this._formNode) {
-			(<HTMLFormElement>this._formNode)._removeFormControlItem(this, attribute.value);
-		}
-
-		return attribute;
-	}
-
 	/**
 	 * @override
 	 */

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

@@ -0,0 +1,57 @@
+import IAttr from '../attr/IAttr.js';
+import HTMLElementNamedNodeMap from '../html-element/HTMLElementNamedNodeMap.js';
+import HTMLFormElement from '../html-form-element/HTMLFormElement.js';
+import HTMLInputElement from './HTMLInputElement.js';
+
+/**
+ * Named Node Map.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
+ */
+export default class HTMLInputElementNamedNodeMap extends HTMLElementNamedNodeMap {
+	protected _ownerElement: HTMLInputElement;
+
+	/**
+	 * @override
+	 */
+	public override setNamedItem(item: IAttr): IAttr | null {
+		const replacedItem = super.setNamedItem(item);
+
+		if ((item.name === 'id' || item.name === 'name') && this._ownerElement._formNode) {
+			if (replacedItem && replacedItem.value) {
+				(<HTMLFormElement>this._ownerElement._formNode)._removeFormControlItem(
+					this._ownerElement,
+					replacedItem.value
+				);
+			}
+			if (item.value) {
+				(<HTMLFormElement>this._ownerElement._formNode)._appendFormControlItem(
+					this._ownerElement,
+					item.value
+				);
+			}
+		}
+
+		return replacedItem || null;
+	}
+
+	/**
+	 * @override
+	 */
+	public override removeNamedItem(name: string): IAttr | null {
+		const removedItem = super.removeNamedItem(name);
+
+		if (
+			removedItem &&
+			(removedItem.name === 'id' || removedItem.name === 'name') &&
+			this._ownerElement._formNode
+		) {
+			(<HTMLFormElement>this._ownerElement._formNode)._removeFormControlItem(
+				this._ownerElement,
+				removedItem.value
+			);
+		}
+
+		return removedItem;
+	}
+}

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

@@ -1,4 +1,3 @@
-import IAttr from '../attr/IAttr.js';
 import CSSStyleSheet from '../../css/CSSStyleSheet.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import IHTMLLinkElement from './IHTMLLinkElement.js';
@@ -8,6 +7,8 @@ import INode from '../../nodes/node/INode.js';
 import DOMTokenList from '../../dom-token-list/DOMTokenList.js';
 import IDOMTokenList from '../../dom-token-list/IDOMTokenList.js';
 import HTMLLinkElementUtility from './HTMLLinkElementUtility.js';
+import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
+import HTMLLinkElementNamedNodeMap from './HTMLLinkElementNamedNodeMap.js';
 
 /**
  * HTML Link Element.
@@ -16,11 +17,12 @@ import HTMLLinkElementUtility from './HTMLLinkElementUtility.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement.
  */
 export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkElement {
+	public override readonly attributes: INamedNodeMap = new HTMLLinkElementNamedNodeMap(this);
 	public onerror: (event: ErrorEvent) => void = null;
 	public onload: (event: Event) => void = null;
 	public readonly sheet: CSSStyleSheet = null;
 	public _evaluateCSS = true;
-	private _relList: DOMTokenList = null;
+	public _relList: DOMTokenList = null;
 
 	/**
 	 * Returns rel list.
@@ -178,36 +180,6 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 		this.setAttribute('type', type);
 	}
 
-	/**
-	 * @override
-	 */
-	public override setAttributeNode(attribute: IAttr): IAttr | null {
-		const replacedAttribute = super.setAttributeNode(attribute);
-
-		if (attribute.name === 'rel' && this._relList) {
-			this._relList._updateIndices();
-		}
-
-		if (attribute.name === 'rel' || attribute.name === 'href') {
-			HTMLLinkElementUtility.loadExternalStylesheet(this);
-		}
-
-		return replacedAttribute;
-	}
-
-	/**
-	 * @override
-	 */
-	public override removeAttributeNode(attribute: IAttr): IAttr {
-		super.removeAttributeNode(attribute);
-
-		if (attribute.name === 'rel' && this._relList) {
-			this._relList._updateIndices();
-		}
-
-		return attribute;
-	}
-
 	/**
 	 * @override
 	 */

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

@@ -0,0 +1,43 @@
+import IAttr from '../attr/IAttr.js';
+import HTMLElementNamedNodeMap from '../html-element/HTMLElementNamedNodeMap.js';
+import HTMLLinkElement from './HTMLLinkElement.js';
+import HTMLLinkElementUtility from './HTMLLinkElementUtility.js';
+
+/**
+ * Named Node Map.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
+ */
+export default class HTMLLinkElementNamedNodeMap extends HTMLElementNamedNodeMap {
+	protected _ownerElement: HTMLLinkElement;
+
+	/**
+	 * @override
+	 */
+	public override setNamedItem(item: IAttr): IAttr | null {
+		const replacedItem = super.setNamedItem(item);
+
+		if (item.name === 'rel' && this._ownerElement._relList) {
+			this._ownerElement._relList._updateIndices();
+		}
+
+		if (item.name === 'rel' || item.name === 'href') {
+			HTMLLinkElementUtility.loadExternalStylesheet(this._ownerElement);
+		}
+
+		return replacedItem || null;
+	}
+
+	/**
+	 * @override
+	 */
+	public override removeNamedItem(name: string): IAttr | null {
+		const removedItem = super.removeNamedItem(name);
+
+		if (removedItem && removedItem.name === 'rel' && this._ownerElement._relList) {
+			this._ownerElement._relList._updateIndices();
+		}
+
+		return removedItem;
+	}
+}

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

@@ -1,8 +1,9 @@
-import IAttr from '../attr/IAttr.js';
+import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import IHTMLFormElement from '../html-form-element/IHTMLFormElement.js';
 import HTMLSelectElement from '../html-select-element/HTMLSelectElement.js';
 import INode from '../node/INode.js';
+import HTMLOptionElementNamedNodeMap from './HTMLOptionElementNamedNodeMap.js';
 import IHTMLOptionElement from './IHTMLOptionElement.js';
 
 /**
@@ -12,6 +13,7 @@ import IHTMLOptionElement from './IHTMLOptionElement.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement.
  */
 export default class HTMLOptionElement extends HTMLElement implements IHTMLOptionElement {
+	public override readonly attributes: INamedNodeMap = new HTMLOptionElementNamedNodeMap(this);
 	public _index: number;
 	public _selectedness = false;
 	public _dirtyness = false;
@@ -117,48 +119,6 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 		this.setAttribute('value', value);
 	}
 
-	/**
-	 * @override
-	 */
-	public setAttributeNode(attribute: IAttr): IAttr | null {
-		const replacedAttribute = super.setAttributeNode(attribute);
-
-		if (
-			!this._dirtyness &&
-			attribute.name === 'selected' &&
-			replacedAttribute?.value !== attribute.value
-		) {
-			const selectNode = <HTMLSelectElement>this._selectNode;
-
-			this._selectedness = true;
-
-			if (selectNode) {
-				selectNode._updateOptionItems(this);
-			}
-		}
-
-		return replacedAttribute;
-	}
-
-	/**
-	 * @override
-	 */
-	public removeAttributeNode(attribute: IAttr): IAttr {
-		super.removeAttributeNode(attribute);
-
-		if (!this._dirtyness && attribute.name === 'selected') {
-			const selectNode = <HTMLSelectElement>this._selectNode;
-
-			this._selectedness = false;
-
-			if (selectNode) {
-				selectNode._updateOptionItems();
-			}
-		}
-
-		return attribute;
-	}
-
 	/**
 	 * @override
 	 */