<!DOCTYPE html>
<html>
<head>
  <script>
    window.top.postMessage(JSON.stringify({
        "type": "child-crossorigin-loaded",
        "isActive": navigator.userActivation.isActive,
        "hasBeenActive": navigator.userActivation.hasBeenActive
    }), "*");

    window.addEventListener("click", event => {
        window.top.postMessage(JSON.stringify({
            "type": "child-crossorigin-report",
            "isActive": navigator.userActivation.isActive,
            "hasBeenActive": navigator.userActivation.hasBeenActive
        }), "*");
    });
  </script>
</head>
<body style="background: lightgreen;">
  <!-- The midpoint of this frame should be outside the grandchild frame. -->
  <div style="height: 75px;">Cross-origin child frame</div>
  <iframe id="child2" width="270px" height="30px"
          src="http://{{hosts[][]}}:{{ports[http][1]}}/html/user-activation/resources/child-two.html">
  </iframe>
</body>
</html>
