[iOS] Unreviewed gardening.
[WebKit-https.git] / LayoutTests / fast / events / touch / ios / content-observation / 10ms-delay-transition-on-touch-start-with-non-0px-end.html
1 <!DOCTYPE html><!-- webkit-test-runner [ useFlexibleViewport=true ] -->
2 <html>
3 <head>
4 <title>This tests the case when touchEnd triggers a 0ms transition with delay.</title>
5 <script src="../../../../../resources/basic-gestures.js"></script>
6 <style>
7 #tapthis {
8     width: 400px;
9     height: 400px;
10     border: 1px solid green;
11 }
12
13 #becomesVisible {
14         position: absolute;
15         top: 100px;
16         left: -110px;
17         width: 100px;
18         height: 100px;
19         background-color: green;
20         transition: left 200ms ease-in-out 10ms;
21 }
22 </style>
23 <script>
24 async function test() {
25     if (!window.testRunner || !testRunner.runUIScript)
26         return;
27     if (window.internals)
28         internals.settings.setContentChangeObserverEnabled(true);
29
30     testRunner.waitUntilDone();
31     testRunner.dumpAsText();
32
33     let rect = tapthis.getBoundingClientRect();
34     let x = rect.left + rect.width / 2;
35     let y = rect.top + rect.height / 2;
36
37     await tapAtPoint(x, y);
38 }
39 </script>
40 </head>
41 <body onload="test()">
42 <div id=tapthis>PASS if 'clicked' text is not shown below.</div>
43 <div id=becomesVisible></div>
44 <pre id=result></pre>
45 <script>
46 tapthis.addEventListener("mousemove", function( event ) {
47     becomesVisible.style.left = "400px";
48     if (window.testRunner)
49         testRunner.notifyDone();
50 }, false);
51
52 becomesVisible.addEventListener("click", function( event ) {   
53     result.innerHTML = "clicked hidden";
54 }, false);
55
56 tapthis.addEventListener("click", function( event ) {   
57     result.innerHTML = "clicked";
58 }, false);
59 </script>
60 </body>
61 </html>