third_party/WebKit/LayoutTests/http/tests/pointer-lock/pointerlockelement-different-origin.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <script src="/js-test-resources/js-test.js"></script>
   5 <script src="../resources/pointer-lock/pointer-lock-test-harness.js"></script>
   6 </head>
   7 <body>
   8 <div>
   9   <div id="target1"></div>
  10   <iframe src="http://localhost:8080/resources/pointer-lock/inner-iframe.html" onload="doNextStepWithUserGesture()"></iframe>
  11 </div>
  12 <script>
  13     description("Test iframe from different origin can not access pointerLockElement.")
  14     window.jsTestIsAsync = true;
  15
  16     targetDiv1 = document.getElementById("target1");
  17     iframe = document.getElementsByTagName("iframe")[0];
  18
  19     todo = [
  20       function () {
  21           expectOnlyChangeEvent("Lock targetDiv1.");
  22           targetDiv1.requestPointerLock();
  23           // doNextStep called by event handler.
  24       },
  25       function () {
  26           shouldBe("document.pointerLockElement", "targetDiv1");
  27           doNextStep();
  28       },
  29       function () {
  30           iframe.contentWindow.postMessage(["eval", 'parent.postMessage(thisFileName() + " document.pointerLockElement = " + document.pointerLockElement, "*")'], "*");
  31           window.onmessage = function (messageEvent) {
  32               message = messageEvent.data;
  33               shouldBeEqualToString("message", "inner-iframe.html document.pointerLockElement = null");
  34               window.onmessage = null;
  35               doNextStep();
  36           }
  37       },
  38     ];
  39     // doNextStep() called by iframe onload handler.
  40 </script>
  41 </body>
  42 </html>