feat: Add fromRect method

packages/happy-dom/src/nodes/element/DOMRect.ts

@@ -26,5 +26,22 @@ export default class DOMRect {
 		this.y = y || 0;
 		this.width = width || 0;
 		this.height = height || 0;
+		this.top = this.y;
+		this.right = this.x + this.width;
+		this.bottom = this.y + this.height;
+		this.left = this.x;
+	}
+	static fromRect(rectangle: {
+		x: number;
+		y: number;
+		width: number;
+		height: number;
+	} = {
+		x: 0,
+		y: 0,
+		width: 0,
+		height: 0
+	}) {
+		return new DOMRect(rectangle.x, rectangle.y, rectangle.width, rectangle.height);
 	}
 }

packages/happy-dom/test/nodes/element/Element.test.ts

@@ -1550,6 +1550,31 @@ describe('Element', () => {
 		});
 	});
 
+	describe('creates a new DOMRect object', () => {
+		it('with the correct values.', () => {
+			const domRect = new DOMRect(1, 2, 3, 4);
+			expect(domRect.x).toBe(1);
+			expect(domRect.y).toBe(2);
+			expect(domRect.width).toBe(3);
+			expect(domRect.height).toBe(4);
+			expect(domRect.top).toBe(2);
+			expect(domRect.right).toBe(4);
+			expect(domRect.bottom).toBe(6);
+			expect(domRect.left).toBe(1);
+		});
+		it('with the correct values when using the fromRect method.', () => {
+			const domRect = DOMRect.fromRect({ x: 1, y: 2, width: 3, height: 4 });
+			expect(domRect.x).toBe(1);
+			expect(domRect.y).toBe(2);
+			expect(domRect.width).toBe(3);
+			expect(domRect.height).toBe(4);
+			expect(domRect.top).toBe(2);
+			expect(domRect.right).toBe(4);
+			expect(domRect.bottom).toBe(6);
+			expect(domRect.left).toBe(1);
+		});
+	})
+
 	describe('cloneNode()', () => {
 		it('Clones the properties of the element when cloned.', () => {
 			const child = document.createElement('div');