happy-dom 2.30.0 → 2.32.0

package/src/nodes/html-slot-element/HTMLSlotElement.ts

@@ -0,0 +1,110 @@
+import HTMLElement from '../html-element/HTMLElement';
+import IShadowRoot from '../shadow-root/IShadowRoot';
+import IHTMLSlotElement from './IHTMLSlotElement';
+import IText from '../text/IText';
+import IElement from '../element/IElement';
+import INode from '../node/INode';
+
+/**
+ * HTML Slot Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement.
+ */
+export default class HTMLSlotElement extends HTMLElement implements IHTMLSlotElement {
+	/**
+	 * Returns name.
+	 *
+	 * @returns Name.
+	 */
+	public get name(): string {
+		return this.getAttributeNS(null, 'name') || '';
+	}
+
+	/**
+	 * Sets name.
+	 *
+	 * @param name Name.
+	 */
+	public set name(name: string) {
+		this.setAttributeNS(null, 'name', name);
+	}
+
+	/**
+	 * Sets the slot's manually assigned nodes to an ordered set of slottables.
+	 *
+	 * @param _nodes Nodes.
+	 */
+	public assign(..._nodes: Array<IText | IElement>): void {
+		// TODO: Do nothing for now. We need to find an example of how it is expected to work before it can be implemented.
+	}
+
+	/**
+	 * Returns assigned nodes.
+	 *
+	 * @param [options] Options.
+	 * @param [options.flatten] A boolean value indicating whether to return the assigned nodes of any available child <slot> elements (true) or not (false). Defaults to false.
+	 * @returns Nodes.
+	 */
+	public assignedNodes(options?: { flatten?: boolean }): INode[] {
+		const host = (<IShadowRoot>this.getRootNode())?.host;
+
+		// TODO: Add support for options.flatten. We need to find an example of how it is expected to work before it can be implemented.
+
+		if (host) {
+			const name = this.name;
+
+			if (name) {
+				return this.assignedElements(options);
+			}
+
+			return host.childNodes.slice();
+		}
+
+		return [];
+	}
+
+	/**
+	 * Returns assigned elements.
+	 *
+	 * @param [_options] Options.
+	 * @param [_options.flatten] A boolean value indicating whether to return the assigned elements of any available child <slot> elements (true) or not (false). Defaults to false.
+	 * @returns Nodes.
+	 */
+	public assignedElements(_options?: { flatten?: boolean }): IElement[] {
+		const host = (<IShadowRoot>this.getRootNode())?.host;
+
+		// TODO: Add support for options.flatten. We need to find an example of how it expected to work before it can be implemented.
+
+		if (host) {
+			const name = this.name;
+
+			if (name) {
+				const assignedElements = [];
+
+				for (const child of host.children) {
+					if (child.slot === name) {
+						assignedElements.push(child);
+					}
+				}
+
+				return assignedElements;
+			}
+
+			return host.children.slice();
+		}
+
+		return [];
+	}
+
+	/**
+	 * Clones a node.
+	 *
+	 * @override
+	 * @param [deep=false] "true" to clone deep.
+	 * @returns Cloned node.
+	 */
+	public cloneNode(deep = false): IHTMLSlotElement {
+		return <HTMLSlotElement>super.cloneNode(deep);
+	}
+}

package/src/nodes/html-slot-element/IHTMLSlotElement.ts

@@ -0,0 +1,47 @@
+import IHTMLElement from '../html-element/IHTMLElement';
+import IText from '../text/IText';
+import IElement from '../element/IElement';
+import INode from '../node/INode';
+
+/**
+ * HTML Slot Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement.
+ */
+export default interface IHTMLSlotElement extends IHTMLElement {
+	name: string;
+
+	/**
+	 * Sets the slot's manually assigned nodes to an ordered set of slottables.
+	 *
+	 * @param nodes Nodes.
+	 */
+	assign(...nodes: Array<IText | IElement>): void;
+
+	/**
+	 * Returns assigned nodes.
+	 *
+	 * @param [options] Options.
+	 * @param [options.flatten] A boolean value indicating whether to return the assigned nodes of any available child <slot> elements (true) or not (false). Defaults to false.
+	 * @returns Nodes.
+	 */
+	assignedNodes(options?: { flatten?: boolean }): INode[];
+
+	/**
+	 * Returns assigned nodes.
+	 *
+	 * @param [options.flatten] A boolean value indicating whether to return the assigned elements of any available child <slot> elements (true) or not (false). Defaults to false.
+	 * @returns Nodes.
+	 */
+	assignedElements(options?: { flatten?: boolean }): IElement[];
+
+	/**
+	 * Clones a node.
+	 *
+	 * @override
+	 * @param [deep=false] "true" to clone deep.
+	 * @returns Cloned node.
+	 */
+	cloneNode(deep: boolean): IHTMLSlotElement;
+}

package/src/nodes/node/Node.ts

@@ -387,12 +387,6 @@ export default class Node extends EventTarget implements INode {
 	 * @override
 	 */
 	public dispatchEvent(event: Event): boolean {
-		const onEventName = 'on' + event.type.toLowerCase();
-
-		if (typeof this[onEventName] === 'function') {
-			this[onEventName].call(this, event);
-		}
-
 		const returnValue = super.dispatchEvent(event);
 
 		if (event.bubbles && !event._propagationStopped) {

package/src/window/IWindow.ts

@@ -49,6 +49,7 @@ import DataTransferItemList from '../event/DataTransferItemList';
 import InputEvent from '../event/events/InputEvent';
 import UIEvent from '../event/UIEvent';
 import ErrorEvent from '../event/events/ErrorEvent';
+import StorageEvent from '../event/events/StorageEvent';
 import Screen from '../screen/Screen';
 import AsyncTaskManager from './AsyncTaskManager';
 import IResponse from './IResponse';
@@ -111,6 +112,7 @@ export default interface IWindow {
 	readonly WheelEvent: typeof WheelEvent;
 	readonly InputEvent: typeof InputEvent;
 	readonly ErrorEvent: typeof ErrorEvent;
+	readonly StorageEvent: typeof StorageEvent;
 	readonly ProgressEvent: typeof ProgressEvent;
 	readonly EventTarget: typeof EventTarget;
 	readonly DataTransfer: typeof DataTransfer;

package/src/window/Window.ts

@@ -52,6 +52,7 @@ import DataTransferItemList from '../event/DataTransferItemList';
 import InputEvent from '../event/events/InputEvent';
 import UIEvent from '../event/UIEvent';
 import ErrorEvent from '../event/events/ErrorEvent';
+import StorageEvent from '../event/events/StorageEvent';
 import Screen from '../screen/Screen';
 import AsyncTaskManager from './AsyncTaskManager';
 import IResponse from './IResponse';
@@ -65,6 +66,7 @@ import IWindow from './IWindow';
 import URLSearchParams from '../url-search-params/URLSearchParams';
 import HTMLCollection from '../nodes/element/HTMLCollection';
 import NodeList from '../nodes/node/NodeList';
+import MediaQueryList from '../match-media/MediaQueryList';
 
 const FETCH_RESPONSE_TYPE_METHODS = ['blob', 'json', 'text'];
 
@@ -121,6 +123,7 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 	public readonly WheelEvent = WheelEvent;
 	public readonly InputEvent = InputEvent;
 	public readonly ErrorEvent = ErrorEvent;
+	public readonly StorageEvent = StorageEvent;
 	public readonly ProgressEvent = ProgressEvent;
 	public readonly EventTarget = EventTarget;
 	public readonly DataTransfer = DataTransfer;
@@ -163,6 +166,7 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 	public readonly screen = new Screen();
 	public readonly innerWidth = 1024;
 	public readonly innerHeight = 768;
+	public readonly devicePixelRatio = 1;
 	public readonly sessionStorage = new Storage();
 	public readonly localStorage = new Storage();
 
@@ -344,6 +348,18 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 		this.scroll(x, y);
 	}
 
+	/**
+	 * Returns a new MediaQueryList object that can then be used to determine if the document matches the media query string.
+	 *
+	 * @param mediaQueryString A string specifying the media query to parse into a MediaQueryList.
+	 * @returns A new MediaQueryList.
+	 */
+	public matchMedia(mediaQueryString: string): MediaQueryList {
+		const mediaQueryList = new MediaQueryList();
+		mediaQueryList._media = mediaQueryString;
+		return mediaQueryList;
+	}
+
 	/**
 	 * Sets a timer which executes a function once the timer expires.
 	 *