third_party/WebKit/LayoutTests/pointer-lock/pointerlock-then-fullscreen.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <script src="../resources/js-test.js"></script>
   5 <script src="../http/tests/resources/pointer-lock/pointer-lock-test-harness.js"></script>
   6 </head>
   7 <body>
   8 <div>
   9   <div id="target1"></div>
  10 </div>
  11 <script>
  12     description("Test pointerlock then fullscreen.")
  13     window.jsTestIsAsync = true;
  14     shouldBeDefined("window.testRunner");
  15
  16     targetDiv1 = document.getElementById("target1");
  17
  18     todo = [
  19         function () {
  20             expectOnlyChangeEvent("Lock targetDiv1.");
  21             targetDiv1.requestPointerLock();
  22             // doNextStep called by event handler.
  23         },
  24         function () {
  25             shouldBe("document.pointerLockElement", "targetDiv1");
  26             document.body.onmousedown = function () {
  27                 targetDiv1.webkitRequestFullscreen();
  28             }
  29             document.onwebkitfullscreenchange = function () {
  30                 doNextStep();
  31             }
  32             eventSender.mouseDown();
  33         },
  34         function () {
  35             shouldBe("document.pointerLockElement", "targetDiv1");
  36             shouldBe("document.webkitFullscreenElement", "targetDiv1");
  37             doNextStep();
  38         },
  39     ];
  40     doNextStepWithUserGesture();
  41 </script>
  42 </body>
  43 </html>
  44