happy-dom 14.8.0 → 14.8.2

package/src/index.ts

@@ -70,6 +70,7 @@ import DocumentFragment from './nodes/document-fragment/DocumentFragment.js';
 import DocumentType from './nodes/document-type/DocumentType.js';
 import Document from './nodes/document/Document.js';
 import DOMRect from './nodes/element/DOMRect.js';
+import DOMRectReadOnly from './nodes/element/DOMRectReadOnly.js';
 import Element from './nodes/element/Element.js';
 import HTMLCollection from './nodes/element/HTMLCollection.js';
 import HTMLAnchorElement from './nodes/html-anchor-element/HTMLAnchorElement.js';
@@ -211,6 +212,7 @@ export {
 	DOMException,
 	DOMParser,
 	DOMRect,
+	DOMRectReadOnly,
 	DataTransfer,
 	DataTransferItem,
 	DataTransferItemList,

package/src/nodes/document/Document.ts

@@ -318,8 +318,8 @@ export default class Document extends Node {
 	/**
 	 * Returns a collection of all form elements in a document.
 	 */
-	public get forms(): NodeList<HTMLFormElement> {
-		return this.querySelectorAll('form');
+	public get forms(): HTMLCollection<HTMLFormElement> {
+		return this.getElementsByTagName('form');
 	}
 
 	/**

package/src/nodes/element/DOMRect.ts

@@ -1,30 +1,47 @@
+import DOMRectReadOnly, { IDOMRectInit } from './DOMRectReadOnly.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+
+/* eslint-disable jsdoc/require-jsdoc */
+
 /**
  * Bounding rect object.
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMRect
  */
-export default class DOMRect {
-	public x = 0;
-	public y = 0;
-	public width = 0;
-	public height = 0;
-	public top = 0;
-	public right = 0;
-	public bottom = 0;
-	public left = 0;
-
-	/**
-	 * Constructor.
-	 *
-	 * @param [x] X position.
-	 * @param [y] Y position.
-	 * @param [width] Width.
-	 * @param [height] Height.
-	 */
-	constructor(x?, y?, width?, height?) {
-		this.x = x || 0;
-		this.y = y || 0;
-		this.width = width || 0;
-		this.height = height || 0;
+export default class DOMRect extends DOMRectReadOnly {
+	public set x(value: number) {
+		this[PropertySymbol.x] = value;
+	}
+
+	public get x(): number {
+		return this[PropertySymbol.x];
+	}
+
+	public set y(value: number) {
+		this[PropertySymbol.y] = value;
+	}
+
+	public get y(): number {
+		return this[PropertySymbol.y];
+	}
+
+	public set width(value: number) {
+		this[PropertySymbol.width] = value;
+	}
+
+	public get width(): number {
+		return this[PropertySymbol.width];
+	}
+
+	public set height(value: number) {
+		this[PropertySymbol.height] = value;
+	}
+
+	public get height(): number {
+		return this[PropertySymbol.height];
+	}
+
+	public static fromRect(other: IDOMRectInit): DOMRect {
+		return new DOMRect(other.x, other.y, other.width, other.height);
 	}
 }

package/src/nodes/element/DOMRectReadOnly.ts

@@ -0,0 +1,86 @@
+import * as PropertySymbol from '../../PropertySymbol.js';
+
+/* eslint-disable jsdoc/require-jsdoc */
+
+/**
+ * Bounding rect readonly object.
+ *
+ * @see https://drafts.fxtf.org/geometry/#DOMRect
+ */
+export default class DOMRectReadOnly implements IDOMRectInit {
+	protected [PropertySymbol.x]: number = 0;
+	protected [PropertySymbol.y]: number = 0;
+	protected [PropertySymbol.width]: number = 0;
+	protected [PropertySymbol.height]: number = 0;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param [x] X position.
+	 * @param [y] Y position.
+	 * @param [width] Width.
+	 * @param [height] Height.
+	 */
+	constructor(x?: number | null, y?: number | null, width?: number | null, height?: number | null) {
+		this[PropertySymbol.x] = x !== undefined && x !== null ? Number(x) : 0;
+		this[PropertySymbol.y] = y !== undefined && y !== null ? Number(y) : 0;
+		this[PropertySymbol.width] = width !== undefined && width !== null ? Number(width) : 0;
+		this[PropertySymbol.height] = height !== undefined && height !== null ? Number(height) : 0;
+	}
+
+	public get x(): number {
+		return this[PropertySymbol.x];
+	}
+
+	public get y(): number {
+		return this[PropertySymbol.y];
+	}
+
+	public get width(): number {
+		return this[PropertySymbol.width];
+	}
+
+	public get height(): number {
+		return this[PropertySymbol.height];
+	}
+
+	public get top(): number {
+		return Math.min(this[PropertySymbol.y], this[PropertySymbol.y] + this[PropertySymbol.height]);
+	}
+
+	public get right(): number {
+		return Math.max(this[PropertySymbol.x], this[PropertySymbol.x] + this[PropertySymbol.width]);
+	}
+
+	public get bottom(): number {
+		return Math.max(this[PropertySymbol.y], this[PropertySymbol.y] + this[PropertySymbol.height]);
+	}
+
+	public get left(): number {
+		return Math.min(this[PropertySymbol.x], this[PropertySymbol.x] + this[PropertySymbol.width]);
+	}
+
+	public toJSON(): object {
+		return {
+			x: this.x,
+			y: this.y,
+			width: this.width,
+			height: this.height,
+			top: this.top,
+			right: this.right,
+			bottom: this.bottom,
+			left: this.left
+		};
+	}
+
+	public static fromRect(other: IDOMRectInit): DOMRectReadOnly {
+		return new DOMRectReadOnly(other.x, other.y, other.width, other.height);
+	}
+}
+
+export interface IDOMRectInit {
+	readonly x: number;
+	readonly y: number;
+	readonly width: number;
+	readonly height: number;
+}

package/src/window/BrowserWindow.ts

@@ -97,6 +97,7 @@ import Plugin from '../navigator/Plugin.js';
 import PluginArray from '../navigator/PluginArray.js';
 import Fetch from '../fetch/Fetch.js';
 import DOMRect from '../nodes/element/DOMRect.js';
+import DOMRectReadOnly from '../nodes/element/DOMRectReadOnly.js';
 import VMGlobalPropertyScript from './VMGlobalPropertyScript.js';
 import VM from 'vm';
 import { Buffer } from 'buffer';
@@ -372,6 +373,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly PluginArray = PluginArray;
 	public readonly FileList = FileList;
 	public readonly DOMRect = DOMRect;
+	public readonly DOMRectReadOnly = DOMRectReadOnly;
 	public readonly RadioNodeList = RadioNodeList;
 	public readonly ValidityState = ValidityState;
 	public readonly Headers = Headers;