From 512624f31ae175989d2524093e58c525d4eae1fc Mon Sep 17 00:00:00 2001
From: Andrew Kaster <akaster@serenityos.org>
Date: Thu, 7 Dec 2023 15:50:01 -0700
Subject: [PATCH] LibWeb: Add a basic MessageChannel test

---
 .../Messaging/Messaging-basic-channel.txt     |  7 ++++++
 .../Messaging/Messaging-basic-channel.html    | 24 +++++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 Tests/LibWeb/Text/expected/Messaging/Messaging-basic-channel.txt
 create mode 100644 Tests/LibWeb/Text/input/Messaging/Messaging-basic-channel.html

diff --git a/Tests/LibWeb/Text/expected/Messaging/Messaging-basic-channel.txt b/Tests/LibWeb/Text/expected/Messaging/Messaging-basic-channel.txt
new file mode 100644
index 0000000000..1b81da9703
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/Messaging/Messaging-basic-channel.txt
@@ -0,0 +1,7 @@
+FIXME: Order of messages is incorrect
+Port1: "Hello"
+Port1: {"foo":"bar","baz":[1,2,3,4]}
+Port1: "DONE"
+Port2: "Hello"
+Port2: {"foo":"bar","baz":[1,2,3,4]}
+Port2: "DONE"
diff --git a/Tests/LibWeb/Text/input/Messaging/Messaging-basic-channel.html b/Tests/LibWeb/Text/input/Messaging/Messaging-basic-channel.html
new file mode 100644
index 0000000000..99c30baf97
--- /dev/null
+++ b/Tests/LibWeb/Text/input/Messaging/Messaging-basic-channel.html
@@ -0,0 +1,24 @@
+<script src="../include.js"></script>
+<script>
+    asyncTest(done => {
+        let channel = new MessageChannel();
+
+        channel.port1.onmessage = (event) => {
+            println("Port1: " + JSON.stringify(event.data));
+            channel.port1.postMessage(event.data);
+        };
+
+        channel.port2.onmessage = (event) => {
+            println("Port2: " + JSON.stringify(event.data));
+            if (event.data === "DONE") {
+                done();
+            }
+        };
+
+        // FIXME: These should be output in the order: Port1: A, Port2: A, Port1: B, Port2: B, ...
+        println("FIXME: Order of messages is incorrect");
+        channel.port2.postMessage("Hello");
+        channel.port2.postMessage({ foo: "bar", baz: [ 1, 2, 3, 4 ] });
+        channel.port2.postMessage("DONE");
+    });
+</script>