| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <script src="../resources/js-test.js"></script> |
| <script src="../http/tests/resources/pointer-lock/pointer-lock-test-harness.js"></script> |
| </head> |
| <body> |
| <div> |
| <div id="target1"></div> |
| </div> |
| <script> |
| description("Test that pointerlockchange event is dispatched when lock is lost.") |
| window.jsTestIsAsync = true; |
| shouldBeDefined("window.testRunner"); |
| |
| targetDiv1 = document.getElementById("target1"); |
| |
| todo = [ |
| function () { |
| expectOnlyChangeEvent("Lock targetDiv1."); |
| targetDiv1.requestPointerLock(); |
| // doNextStep called by event handler. |
| }, |
| function () { |
| shouldBe("document.pointerLockElement", "targetDiv1"); |
| expectOnlyChangeEvent("Host initiated unlock."); |
| testRunner.didLosePointerLock(); |
| // doNextStep called by event handler. |
| }, |
| function () { |
| shouldBe("document.pointerLockElement", "null"); |
| doNextStep(); |
| }, |
| ]; |
| doNextStepWithUserGesture(); |
| </script> |
| </body> |
| </html> |
| |
