test_ordering.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>Test for BroadcastChannel.postMessage invalid State</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

</head>

<body>

<div id="content"></div>

<script type="application/javascript">

let c1 = new BroadcastChannel("order");

let c2 = new BroadcastChannel("order");

let c3 = new BroadcastChannel("order");

let events = [];

let doneCount = 0;

function whichBC(bc) {

  if (bc == c1) return "c1";

  if (bc == c2) return "c2";

  if (bc == c3) return "c3";

  return "What?!?";

function handler(e) {

  events.push(e);

  if (e.data == "done") {

    doneCount++;

    if (doneCount == 2) {

      is(events.length, 6, "Correct length");

      is(whichBC(events[0].target), "c2", "target for event 0");

      is(events[0].data, "from c1");

      is(whichBC(events[1].target), "c3", "target for event 1");

      is(events[1].data, "from c1");

      is(whichBC(events[2].target), "c1", "target for event 2");

      is(events[2].data, "from c3");

      is(whichBC(events[3].target), "c2", "target for event 3");

      is(events[3].data, "from c3");

      is(whichBC(events[4].target), "c1", "target for event 4");

      is(events[4].data, "done");

      is(whichBC(events[5].target), "c3", "target for event 5");

      is(events[5].data, "done");

      SimpleTest.finish();

c1.onmessage = handler;

c2.onmessage = handler;

c3.onmessage = handler;

c1.postMessage("from c1");

c3.postMessage("from c3");

c2.postMessage("done");

SimpleTest.waitForExplicitFinish();

</script>

</body>

</html>