Merge pull request #128 from capricorn86/task/123-element-matches

#123@minor: Thanks to @beckerei we now have support for Element.match…

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

@@ -5,6 +5,7 @@ import DOMRect from './DOMRect';
 import Range from './Range';
 import ClassList from './ClassList';
 import QuerySelector from '../../../query-selector/QuerySelector';
+import SelectorItem from '../../../query-selector/SelectorItem';
 import MutationRecord from '../../../mutation-observer/MutationRecord';
 import MutationTypeConstant from '../../../mutation-observer/MutationType';
 import NamespaceURI from '../../../html-config/NamespaceURI';
@@ -558,6 +559,16 @@ export default class Element extends Node implements IElement {
 		return new Range();
 	}
 
+	/**
+	 * The matches() method checks to see if the Element would be selected by the provided selectorString.
+	 *
+	 * @param selector Selector.
+	 * @returns "true" if matching.
+	 */
+	public matches(selector: string): boolean {
+		return new SelectorItem(selector).match(this);
+	}
+
 	/**
 	 * Query CSS selector to find matching nodes.
 	 *

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

@@ -132,6 +132,14 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	 */
 	createTextRange(): Range;
 
+	/**
+	 * The matches() method checks to see if the Element would be selected by the provided selectorString.
+	 *
+	 * @param selector Selector.
+	 * @returns "true" if matching.
+	 */
+	matches(selector: string): boolean;
+
 	/**
 	 * Returns an elements by tag name.
 	 *

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

@@ -290,6 +290,16 @@ describe('Element', () => {
 		});
 	});
 
+	describe('matches()', () => {
+		test('Checks if the element matches a selector string.', () => {
+			const element = document.createElement('div');
+
+			element.className = 'container active';
+
+			expect(element.matches('.container.active')).toBe(true);
+		});
+	});
+
 	describe('querySelectorAll()', () => {
 		test('Query CSS selector to find matching elements.', () => {
 			const element = document.createElement('div');