Merge pull request #1299 from capricorn86/1051-support-elementscrolli…

…ntoview

feat: [#1051] Adds support for Element.scrollIntoView()

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

@@ -1147,6 +1147,23 @@ export default class Element extends Node implements IElement {
 		this.scroll(x, y);
 	}
 
+	/**
+	 * Scrolls the element's ancestor containers such that the element on which scrollIntoView() is called is visible to the user.
+	 *
+	 * @param [_options] Options.
+	 */
+	public scrollIntoView(
+		_options?:
+			| boolean
+			| {
+					behavior?: 'smooth' | 'instant' | 'auto';
+					block?: 'start' | 'center' | 'end' | 'nearest';
+					inline?: 'start' | 'center' | 'end' | 'nearest';
+			  }
+	): void {
+		// Do nothing
+	}
+
 	/**
 	 * @override
 	 */

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

@@ -203,6 +203,21 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	 */
 	scrollTo(x: { top?: number; left?: number; behavior?: string } | number, y: number): void;
 
+	/**
+	 * Scrolls the element's ancestor containers such that the element on which scrollIntoView() is called is visible to the user.
+	 *
+	 * @param [options] Options.
+	 */
+	scrollIntoView(
+		options?:
+			| boolean
+			| {
+					behavior?: 'smooth' | 'instant' | 'auto';
+					block?: 'start' | 'center' | 'end' | 'nearest';
+					inline?: 'start' | 'center' | 'end' | 'nearest';
+			  }
+	): void;
+
 	/**
 	 * Returns the size of an element and its position relative to the viewport.
 	 *

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

@@ -1270,6 +1270,18 @@ describe('Element', () => {
 		});
 	});
 
+	describe('get scrollHeight()', () => {
+		it('Returns the scroll height.', () => {
+			expect(element.scrollHeight).toBe(0);
+		});
+	});
+
+	describe('get scrollWidth()', () => {
+		it('Returns the scroll width.', () => {
+			expect(element.scrollWidth).toBe(0);
+		});
+	});
+
 	describe('attributeChangedCallback()', () => {
 		it('Calls attribute changed callback when it is implemented by a custom element (web component).', () => {
 			const customElement = <CustomElement>document.createElement('custom-element');
@@ -1516,15 +1528,15 @@ describe('Element', () => {
 		});
 	}
 
-	describe('get scrollHeight()', () => {
-		it('Returns the scroll height.', () => {
-			expect(element.scrollHeight).toBe(0);
-		});
-	});
-
-	describe('get scrollWidth()', () => {
-		it('Returns the scroll width.', () => {
-			expect(element.scrollWidth).toBe(0);
+	describe('scrollIntoView()', () => {
+		it('Does nothing as it is currently not possible to implement.', () => {
+			element.scrollIntoView();
+			element.scrollIntoView(false);
+			element.scrollIntoView({
+				block: 'start',
+				inline: 'start',
+				behavior: 'auto'
+			});
 		});
 	});