1 files changed, 78 insertions, 0 deletions
diff --git a/testing/web-platform/tests/webmessaging/broadcastchannel/resources/ordering.html b/testing/web-platform/tests/webmessaging/broadcastchannel/resources/ordering.html
new file mode 100644
index 0000000000..b7f12d865a
--- /dev/null
+++ b/testing/web-platform/tests/webmessaging/broadcastchannel/resources/ordering.html
@@ -0,0 +1,78 @@
+<body></body>
+<script>
+  const BC0_FIRST_MSG = 'from BC0 - first';
+  const BC1_FIRST_MSG = 'from BC1 - first';
+  const BC2_FIRST_MSG = 'from BC2 - first';
+  const BC3_FIRST_MSG = 'from BC3 - first';
+  const BC0_SECOND_MSG = 'from BC0 - second';
+  const BC1_SECOND_MSG = 'from BC1 - second';
+  const BC2_SECOND_MSG = 'from BC2 - second';
+  const BC3_SECOND_MSG = 'done';
+  const BC0_TARGET_NAME = 'BC1';
+  const BC1_TARGET_NAME = 'BC1';
+  const BC2_TARGET_NAME = 'BC2';
+  const BC3_TARGET_NAME = 'BC3';
+  const MULTI_FRAME_ORDERING_TEST_CHANNEL_NAME = 'multi-frame-order';
+
+  var bc1, bc2, bc3;
+  var sentMessageCountForBc1 = 0;
+  var sentMessageCountForBc2 = 0;
+  var sentMessageCountForBc3 = 0;
+
+  var bc1_handler = e => {
+    window.top.logReceivedMessage(BC1_TARGET_NAME, e);
+    switch(sentMessageCountForBc1) {
+      case 0:
+        bc3 = new BroadcastChannel(MULTI_FRAME_ORDERING_TEST_CHANNEL_NAME);
+        bc3.onmessage = bc3_handler;
+        bc1.postMessage(BC1_FIRST_MSG);
+        break;
+      case 1:
+        bc1.postMessage(BC1_SECOND_MSG);
+        break;
+      case 2:
+        bc1.close();
+        return;
+    }
+    sentMessageCountForBc1 += 1;
+  }
+  var bc2_handler = e => {
+    window.top.logReceivedMessage(BC2_TARGET_NAME, e);
+    switch(sentMessageCountForBc2) {
+      case 0:
+        bc2.postMessage(BC2_FIRST_MSG);
+        bc2.postMessage(BC2_SECOND_MSG);
+        sentMessageCountForBc2 += 2;
+        break;
+      case 2:
+        bc2.close();
+        return;
+    }
+  };
+  var bc3_handler = e => {
+    window.top.logReceivedMessage(BC3_TARGET_NAME, e);
+    switch(sentMessageCountForBc3) {
+      case 0:
+        bc3.postMessage(BC3_FIRST_MSG);
+        break;
+      case 1:
+        bc3.postMessage(BC3_SECOND_MSG);
+        break;
+      case 2:
+        bc3.close();
+        return;
+    }
+    sentMessageCountForBc3 += 1;
+  };
+
+  window.onload = function() {
+    const params = new URLSearchParams(window.location.search);
+    if (params.get('id') === 'iframe1') {
+      bc1 = new BroadcastChannel(MULTI_FRAME_ORDERING_TEST_CHANNEL_NAME);
+      bc1.onmessage = bc1_handler;
+    } else if (params.get('id')  === 'iframe2') {
+      bc2 = new BroadcastChannel(MULTI_FRAME_ORDERING_TEST_CHANNEL_NAME);
+      bc2.onmessage = bc2_handler;
+    }
+  }
+</script>