third_party/WebKit/LayoutTests/pointer-lock/pointerlockchange-event-on-lock-lost.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 that pointerlockchange event is dispatched when lock is lost.")
  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             expectOnlyChangeEvent("Host initiated unlock.");
  27             testRunner.didLosePointerLock();
  28             // doNextStep called by event handler.
  29         },
  30         function () {
  31             shouldBe("document.pointerLockElement", "null");
  32             doNextStep();
  33         },
  34     ];
  35     doNextStepWithUserGesture();
  36 </script>
  37 </body>
  38 </html>
  39