<!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>
