diff options
Diffstat (limited to 'layout/base/tests/bug977003_inner_4.html')
-rw-r--r-- | layout/base/tests/bug977003_inner_4.html | 100 |
1 files changed, 100 insertions, 0 deletions
diff --git a/layout/base/tests/bug977003_inner_4.html b/layout/base/tests/bug977003_inner_4.html new file mode 100644 index 000000000..be0865cc4 --- /dev/null +++ b/layout/base/tests/bug977003_inner_4.html @@ -0,0 +1,100 @@ +<!DOCTYPE HTML> +<html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=977003 +--> +<head> + <meta charset="utf-8"> + <title>Test for Bug 977003</title> + <meta name="author" content="Maksim Lebedev" /> + <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> + <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> + <style> + #target, #mediator, #listener { background: yellow; } + </style> + <script type="application/javascript"> + var target = undefined; + var mediator = undefined; + var listener = undefined; + var test_down_got = false; + var test_mediator_got = false; + var test_mediator_lost = false; + var test_listener_got = false; + var test_listener_lost = false; + + function TargetDownHandler(event) { + logger("Target receive event: " + event.type); + logger("Send pointerCapture to Mediator"); + mediator.setPointerCapture(event.pointerId); + logger("setPointerCapture was executed"); + test_down_got = true; + } + function MediatorGotPCHandler(event) { + logger("Mediator receive event: " + event.type); + logger("Try send setPointerCapture on listener"); + listener.setPointerCapture(event.pointerId); + logger("Try send releasePointerCapture from Mediator"); + mediator.releasePointerCapture(event.pointerId); + test_mediator_got = true; + } + function MediatorLostPCHandler(event) { + logger("Mediator receive event: " + event.type); + test_mediator_lost = true; + } + function ListenerGotHandler(event) { + test_listener_got = true; + } + function ListenerLostHandler(event) { + test_listener_lost = true; + } + function logger(message) { + console.log(message); + var log = document.getElementById('log'); + log.innerHTML = message + "<br>" + log.innerHTML; + } + + function prepareTest() { + parent.turnOnPointerEvents(executeTest); + } + function executeTest() + { + logger("executeTest"); + target = document.getElementById("target"); + mediator = document.getElementById("mediator"); + listener = document.getElementById("listener"); + target.addEventListener("pointerdown", TargetDownHandler, false); + mediator.addEventListener("gotpointercapture", MediatorGotPCHandler, false); + mediator.addEventListener("lostpointercapture", MediatorLostPCHandler, false); + listener.addEventListener("gotpointercapture", ListenerGotHandler, false); + listener.addEventListener("lostpointercapture", ListenerLostHandler, false); + var rect = target.getBoundingClientRect(); + synthesizePointer(target, rect.width/2, rect.height/2, {type: "pointerdown"}); + synthesizePointer(target, rect.width/3, rect.height/3, {type: "pointermove"}); + synthesizePointer(target, rect.width/4, rect.height/4, {type: "pointermove"}); + synthesizePointer(target, rect.width/4, rect.height/4, {type: "pointerup"}); + finishTest(); + } + function finishTest() { + parent.is(test_down_got, true, "Part 4: pointerdown event should be received"); + parent.is(test_mediator_got, true, "Part 4: gotpointercapture event should be received by Mediator"); + parent.is(test_mediator_lost, true, "Part 4: lostpointercapture event should be received by Mediator"); + parent.is(test_listener_got, true, "Part 4: gotpointercapture event should be received by listener"); + parent.is(test_listener_lost, true, "Part 4: lostpointercapture event should be received by listener"); + logger("finishTest"); + parent.finishTest(); + } + </script> +</head> +<body onload="prepareTest()"> + <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=977003">Mozilla Bug 977003 Test 4</a> + <p id="display"></p> + <div id="content" style="display: none"> + </div> + <div id="listener">div id=listener</div> + <div id="mediator">div id=mediator</div> + <div id="target">div id=target</div> + <pre id="log"> + </pre> +</body> +</html> |