#682@minor: Adds support for HTMLIframeElement, MessageEvent and Wind…

…ow.postMessage().
capricorn86 · Feb 21, 2023 · 285f41c · 285f41c
1 parent 71b3286
commit 285f41c
Show file tree

Hide file tree

Showing 18 changed files with 752 additions and 13 deletions.
diff --git a/packages/happy-dom/README.md b/packages/happy-dom/README.md
@@ -257,6 +257,7 @@ const window = new Window({
 		disableJavaScriptFileLoading: true,
 		disableJavaScriptEvaluation: true,
 		disableCSSFileLoading: true,
+		disableIframePageLoading: true,
 		enableFileSystemHttpRequests: true
 	}
 });
@@ -270,6 +271,7 @@ const window = new Window();
 window.happyDOM.settings.disableJavaScriptFileLoading = true;
 window.happyDOM.settings.disableJavaScriptEvaluation = true;
 window.happyDOM.settings.disableCSSFileLoading = true;
+window.happyDOM.settings.disableIframePageLoading = true;
 window.happyDOM.settings.enableFileSystemHttpRequests = true;
 ```
 
@@ -283,7 +285,11 @@ Set it to "true" to completely disable JavaScript evaluation. Defaults to "false
 
 **disableCSSFileLoading**
 
-Set it to "true" to disable CSS file loading using the HTMLLinkElement. Defaults to "false".
+Set it to "true" to disable CSS file loading in HTMLLinkElement. Defaults to "false".
+
+**disableIframePageLoading**
+
+Set it to "true" to disable page loading in HTMLIframeElement. Defaults to "false".
 
 **enableFileSystemHttpRequests**
 

diff --git a/packages/happy-dom/src/config/ElementTag.ts b/packages/happy-dom/src/config/ElementTag.ts
@@ -21,6 +21,7 @@ import HTMLButtonElement from '../nodes/html-button-element/HTMLButtonElement';
 import HTMLAudioElement from '../nodes/html-audio-element/HTMLAudioElement';
 import HTMLVideoElement from '../nodes/html-video-element/HTMLVideoElement';
 import HTMLAnchorElement from '../nodes/html-anchor-element/HTMLAnchorElement';
+import HTMLIframeElement from '../nodes/html-iframe-element/HTMLIframeElement';
 
 export default {
 	A: HTMLAnchorElement,
@@ -94,7 +95,7 @@ export default {
 	HR: HTMLElement,
 	HTML: HTMLElement,
 	I: HTMLElement,
-	IFRAME: HTMLElement,
+	IFRAME: HTMLIframeElement,
 	INS: HTMLElement,
 	KBD: HTMLElement,
 	LEGEND: HTMLElement,

diff --git a/packages/happy-dom/src/config/NonImplemenetedElementClasses.ts b/packages/happy-dom/src/config/NonImplemenetedElementClasses.ts
@@ -45,7 +45,6 @@ export default [
 	'HTMLTableSectionElement',
 	'HTMLFrameElement',
 	'HTMLFrameSetElement',
-	'HTMLIFrameElement',
 	'HTMLEmbedElement',
 	'HTMLObjectElement',
 	'HTMLParamElement',

diff --git a/packages/happy-dom/src/event/IMessagePort.ts b/packages/happy-dom/src/event/IMessagePort.ts
@@ -0,0 +1,26 @@
+import IEventTarget from './IEventTarget';
+
+/**
+ * Message port.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MessagePort
+ */
+export default interface IMessagePort extends IEventTarget {
+	/**
+	 * Sends a message from the port, and optionally, transfers ownership of objects to other browsing contexts.
+	 *
+	 * @param type Event type.
+	 * @param listener Listener.
+	 */
+	postMessage(message: unknown, transerList: unknown[]): void;
+
+	/**
+	 * Starts the sending of messages queued on the port.
+	 */
+	start(): void;
+
+	/**
+	 * Disconnects the port, so it is no longer active. This stops the flow of messages to that port.
+	 */
+	close(): void;
+}
diff --git a/packages/happy-dom/src/event/MessagePort.ts b/packages/happy-dom/src/event/MessagePort.ts
@@ -0,0 +1,33 @@
+import EventTarget from './EventTarget';
+import IMessagePort from './IMessagePort';
+
+/**
+ * Message port.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MessagePort
+ */
+export default abstract class MessagePort extends EventTarget implements IMessagePort {
+	/**
+	 * Sends a message from the port, and optionally, transfers ownership of objects to other browsing contexts.
+	 *
+	 * @param _message Message.
+	 * @param _transerList Transfer list.
+	 */
+	public postMessage(_message: unknown, _transerList: unknown[]): void {
+		// TODO: Implement
+	}
+
+	/**
+	 * Starts the sending of messages queued on the port.
+	 */
+	public start(): void {
+		// TODO: Implement
+	}
+
+	/**
+	 * Disconnects the port, so it is no longer active. This stops the flow of messages to that port.
+	 */
+	public close(): void {
+		// TODO: Implement
+	}
+}
diff --git a/packages/happy-dom/src/event/events/IMessageEventInit.ts b/packages/happy-dom/src/event/events/IMessageEventInit.ts
@@ -0,0 +1,11 @@
+import IEventInit from '../IEventInit';
+import IWindow from '../../window/IWindow';
+import IMessagePort from '../IMessagePort';
+
+export default interface IMessageEventInit extends IEventInit {
+	data?: unknown | null;
+	origin?: string;
+	lastEventId?: string;
+	source?: IWindow | null;
+	ports?: IMessagePort[];
+}
diff --git a/packages/happy-dom/src/event/events/MessageEvent.ts b/packages/happy-dom/src/event/events/MessageEvent.ts
@@ -0,0 +1,32 @@
+import IWindow from '../../window/IWindow';
+import Event from '../Event';
+import IMessagePort from '../IMessagePort';
+import IMessageEventInit from './IMessageEventInit';
+
+/**
+ * Message event.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MessageEvent
+ */
+export default class MessageEvent extends Event {
+	public data?: unknown | null = null;
+	public origin?: string = '';
+	public lastEventId?: string = '';
+	public source?: IWindow | null = null;
+	public ports?: IMessagePort[] = [];
+
+	/**
+	 * Constructor.
+	 *
+	 * @param type Event type.
+	 * @param [eventInit] Event init.
+	 */
+	constructor(type: string, eventInit?: IMessageEventInit) {
+		super(type, eventInit);
+		this.data = eventInit?.data !== undefined ? eventInit.data : null;
+		this.origin = eventInit?.origin || '';
+		this.lastEventId = eventInit?.lastEventId || '';
+		this.source = eventInit?.source || null;
+		this.ports = eventInit?.ports || [];
+	}
+}