<!DOCTYPE html>
<!--
   Tentative due to:
    https://github.com/whatwg/html/issues/4364

-->
<html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
</head>
<body>
  <h1>User activation can be transferred to a cross-origin child frame
    via a postMessage option.</h1>
  <ol id="instructions">
    <li>Click this instruction text.
  </ol>
  <iframe id="child1" width="200" height="200"></iframe>
  <iframe id="child2" width="200" height="200"></iframe>
  <script>
    async_test(function(t) {
      var child1 = document.getElementById("child1");
      var child2 = document.getElementById("child2");
      var is_child_four_loaded = false;
      var is_child_two_loaded = false;
      assert_false(navigator.userActivation.isActive);
      assert_false(navigator.userActivation.hasBeenActive);

      function tryClickInstructions() {
        if (is_child_four_loaded && is_child_two_loaded)
          test_driver.click(document.getElementById('instructions'));
      }

      window.addEventListener("message", t.step_func(event => {
        var msg = JSON.parse(event.data);
        if (msg.type == 'child-four-loaded') {
          // state should be false after load
          assert_false(msg.isActive);
          assert_false(msg.hasBeenActive);

          // click in parent document after both child frames load
          is_child_four_loaded = true;
          tryClickInstructions();
        } else if (msg.type == 'child-four-report') {
          assert_true(msg.isActive);
          assert_true(msg.hasBeenActive);

          // check sender's activation state again
          assert_false(navigator.userActivation.isActive);
          assert_false(navigator.userActivation.hasBeenActive);

          child2.contentWindow.postMessage('report', '*');
        } else if (msg.type == 'child-two-loaded') {
          // state should be false after load
          assert_false(msg.isActive);
          assert_false(msg.hasBeenActive);

          // click in parent document after both child frames load
          is_child_two_loaded = true;
          tryClickInstructions();
        } else if (msg.type == 'child-two-report') {
          assert_false(msg.isActive);
          assert_false(msg.hasBeenActive);

          // check sender's activation state again
          assert_false(navigator.userActivation.isActive);
          assert_false(navigator.userActivation.hasBeenActive);
          t.done();
        }
      }));
      window.addEventListener("click", t.step_func(event => {
          assert_true(navigator.userActivation.isActive);
          assert_true(navigator.userActivation.hasBeenActive);

          // transfer user activation to the child frame
          child1.contentWindow.postMessage("report",
              {targetOrigin: "*", transferUserActivation: true});

          // sender's activation state is updated synchronously
          assert_false(navigator.userActivation.isActive);
          assert_false(navigator.userActivation.hasBeenActive);
      }));
      child1.src = "http://{{hosts[alt][]}}:{{ports[http][0]}}/html/user-activation/resources/child-four.html";
      child2.src = "http://{{domains[www1]}}:{{ports[http][0]}}/html/user-activation/resources/child-two.html";
    }, "Cross-origin user activation transfer through postMessages");
  </script>
</body>
</html>