happy-dom 2.32.0 → 2.35.0

package/src/nodes/html-image-element/Image.ts

@@ -0,0 +1,27 @@
+import HTMLImageElement from './HTMLImageElement';
+
+/**
+ * Image as constructor.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image.
+ */
+export default class Image extends HTMLImageElement {
+	/**
+	 * Constructor.
+	 *
+	 * @param [width] Width.
+	 * @param [height] Height.
+	 */
+	constructor(width: number = null, height: number = null) {
+		super();
+
+		if (width !== null) {
+			this.width = width;
+		}
+
+		if (height !== null) {
+			this.height = height;
+		}
+	}
+}

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

@@ -11,6 +11,7 @@ import ValidityState from './ValidityState';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement.
  */
 export default interface IHTMLInputElement extends IHTMLElement {
+	readonly form: IHTMLFormElement;
 	formAction: string;
 	formMethod: string;
 	formNoValidate: boolean;
@@ -46,7 +47,6 @@ export default interface IHTMLInputElement extends IHTMLElement {
 	selectionStart: number;
 	selectionEnd: number;
 	selectionDirection: string;
-	form: IHTMLFormElement;
 	validity: ValidityState;
 	validationMessage: string;
 	willValidate: boolean;

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

@@ -0,0 +1,80 @@
+import HTMLElement from '../html-element/HTMLElement';
+import IHTMLElement from '../html-element/IHTMLElement';
+import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
+import IHTMLLabelElement from './IHTMLLabelElement';
+
+/**
+ * HTML Label Element.
+ *
+ * Reference:
+ * 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.
+	 *
+	 * @returns ID of the labeled control.
+	 */
+	public get htmlFor(): string {
+		const htmlFor = this.getAttributeNS(null, 'for');
+		if (htmlFor !== null) {
+			return htmlFor;
+		}
+		return htmlFor !== null ? htmlFor : '';
+	}
+
+	/**
+	 * Sets a string containing the ID of the labeled control. This reflects the "for" attribute.
+	 *
+	 * @param htmlFor ID of the labeled control.
+	 */
+	public set htmlFor(htmlFor: string) {
+		this.setAttributeNS(null, 'for', htmlFor);
+	}
+
+	/**
+	 * Returns an HTML element representing the control with which the label is associated.
+	 *
+	 * @returns Control element.
+	 */
+	public get control(): IHTMLElement {
+		const htmlFor = this.htmlFor;
+		if (htmlFor) {
+			return <IHTMLElement>this.ownerDocument.getElementById(htmlFor);
+		}
+		for (const child of this.children) {
+			if (child.tagName === 'INPUT') {
+				return <IHTMLElement>child;
+			}
+		}
+		return null;
+	}
+
+	/**
+	 * 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;
+	}
+
+	/**
+	 * Clones a node.
+	 *
+	 * @override
+	 * @param [deep=false] "true" to clone deep.
+	 * @returns Cloned node.
+	 */
+	public cloneNode(deep = false): IHTMLLabelElement {
+		const clone = <HTMLLabelElement>super.cloneNode(deep);
+		clone._htmlFor = this._htmlFor;
+		return clone;
+	}
+}

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

@@ -0,0 +1,14 @@
+import IHTMLElement from '../html-element/IHTMLElement';
+import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
+
+/**
+ * HTML Label Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement.
+ */
+export default interface IHTMLLabelElement extends IHTMLElement {
+	readonly control: IHTMLElement;
+	readonly form: IHTMLFormElement;
+	htmlFor: string;
+}

package/src/nodes/html-text-area-element/HTMLTextAreaElement.ts

@@ -361,7 +361,7 @@ export default class HTMLTextAreaElement extends HTMLElement implements IHTMLTex
 	public get form(): IHTMLFormElement {
 		let parent = <IHTMLElement>this.parentNode;
 		while (parent && parent.tagName !== 'FORM') {
-			parent = <IHTMLElement>this.parentNode;
+			parent = <IHTMLElement>parent.parentNode;
 		}
 		return <IHTMLFormElement>parent;
 	}

package/src/nodes/html-text-area-element/IHTMLTextAreaElement.ts

@@ -10,6 +10,7 @@ import HTMLInputElementSelectionModeEnum from '../html-input-element/HTMLInputEl
  */
 export default interface IHTMLTextAreaElement extends IHTMLElement {
 	readonly type: string;
+	readonly form: IHTMLFormElement;
 	defaultValue: string;
 	minLength: number;
 	maxLength: number;
@@ -27,7 +28,6 @@ export default interface IHTMLTextAreaElement extends IHTMLElement {
 	selectionStart: number;
 	selectionEnd: number;
 	selectionDirection: string;
-	form: IHTMLFormElement;
 	textLength: number;
 
 	/**

package/src/window/IWindow.ts

@@ -13,10 +13,15 @@ import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement';
 import HTMLElement from '../nodes/html-element/HTMLElement';
 import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement';
 import HTMLTextAreaElement from '../nodes/html-text-area-element/HTMLTextAreaElement';
+import HTMLLinkElement from '../nodes/html-link-element/HTMLLinkElement';
+import HTMLStyleElement from '../nodes/html-style-element/HTMLStyleElement';
+import HTMLSlotElement from '../nodes/html-slot-element/HTMLSlotElement';
+import HTMLLabelElement from '../nodes/html-label-element/HTMLLabelElement';
 import SVGSVGElement from '../nodes/svg-element/SVGSVGElement';
 import SVGElement from '../nodes/svg-element/SVGElement';
 import HTMLScriptElement from '../nodes/html-script-element/HTMLScriptElement';
 import HTMLImageElement from '../nodes/html-image-element/HTMLImageElement';
+import Image from '../nodes/html-image-element/Image';
 import DocumentFragment from '../nodes/document-fragment/DocumentFragment';
 import CharacterData from '../nodes/character-data/CharacterData';
 import TreeWalker from '../tree-walker/TreeWalker';
@@ -54,8 +59,6 @@ import Screen from '../screen/Screen';
 import AsyncTaskManager from './AsyncTaskManager';
 import IResponse from './IResponse';
 import Storage from '../storage/Storage';
-import HTMLLinkElement from '../nodes/html-link-element/HTMLLinkElement';
-import HTMLStyleElement from '../nodes/html-style-element/HTMLStyleElement';
 import IFetchOptions from './IFetchOptions';
 import NodeFilter from '../tree-walker/NodeFilter';
 import Window from './Window';
@@ -85,8 +88,11 @@ export default interface IWindow {
 	readonly HTMLScriptElement: typeof HTMLScriptElement;
 	readonly HTMLLinkElement: typeof HTMLLinkElement;
 	readonly HTMLStyleElement: typeof HTMLStyleElement;
+	readonly HTMLSlotElement: typeof HTMLSlotElement;
+	readonly HTMLLabelElement: typeof HTMLLabelElement;
 	readonly SVGSVGElement: typeof SVGSVGElement;
 	readonly SVGElement: typeof SVGElement;
+	readonly Image: typeof Image;
 	readonly Text: typeof Text;
 	readonly Comment: typeof Comment;
 	readonly ShadowRoot: typeof ShadowRoot;

package/src/window/Window.ts

@@ -14,10 +14,15 @@ import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement';
 import HTMLElement from '../nodes/html-element/HTMLElement';
 import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement';
 import HTMLTextAreaElement from '../nodes/html-text-area-element/HTMLTextAreaElement';
+import HTMLLinkElement from '../nodes/html-link-element/HTMLLinkElement';
+import HTMLStyleElement from '../nodes/html-style-element/HTMLStyleElement';
+import HTMLSlotElement from '../nodes/html-slot-element/HTMLSlotElement';
+import HTMLLabelElement from '../nodes/html-label-element/HTMLLabelElement';
 import SVGSVGElement from '../nodes/svg-element/SVGSVGElement';
 import SVGElement from '../nodes/svg-element/SVGElement';
 import HTMLScriptElement from '../nodes/html-script-element/HTMLScriptElement';
 import HTMLImageElement from '../nodes/html-image-element/HTMLImageElement';
+import Image from '../nodes/html-image-element/Image';
 import DocumentFragment from '../nodes/document-fragment/DocumentFragment';
 import CharacterData from '../nodes/character-data/CharacterData';
 import TreeWalker from '../tree-walker/TreeWalker';
@@ -59,8 +64,6 @@ import IResponse from './IResponse';
 import AsyncTaskTypeEnum from './AsyncTaskTypeEnum';
 import RelativeURL from '../location/RelativeURL';
 import Storage from '../storage/Storage';
-import HTMLLinkElement from '../nodes/html-link-element/HTMLLinkElement';
-import HTMLStyleElement from '../nodes/html-style-element/HTMLStyleElement';
 import IFetchOptions from './IFetchOptions';
 import IWindow from './IWindow';
 import URLSearchParams from '../url-search-params/URLSearchParams';
@@ -93,9 +96,12 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 	public readonly HTMLInputElement = HTMLInputElement;
 	public readonly HTMLTextAreaElement = HTMLTextAreaElement;
 	public readonly HTMLImageElement = HTMLImageElement;
+	public readonly Image = Image;
 	public readonly HTMLScriptElement = HTMLScriptElement;
 	public readonly HTMLLinkElement = HTMLLinkElement;
 	public readonly HTMLStyleElement = HTMLStyleElement;
+	public readonly HTMLLabelElement = HTMLLabelElement;
+	public readonly HTMLSlotElement = HTMLSlotElement;
 	public readonly SVGSVGElement = SVGSVGElement;
 	public readonly SVGElement = SVGElement;
 	public readonly Text = Text;
@@ -147,6 +153,7 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 	public readonly URLSearchParams = URLSearchParams;
 	public readonly HTMLCollection = HTMLCollection;
 	public readonly NodeList = NodeList;
+	public readonly MediaQueryList = MediaQueryList;
 
 	// Events
 	public onload: (event: Event) => void = null;
@@ -247,6 +254,7 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 
 		DOMParser._ownerDocument = DOMParser._ownerDocument || this.document;
 		FileReader._ownerDocument = FileReader._ownerDocument || this.document;
+		Image.ownerDocument = Image.ownerDocument || this.document;
 
 		for (const eventType of NonImplementedEventTypes) {
 			if (!this[eventType]) {