Regression(r188105): Seems to have caused crashes during PLT on some iPads
[WebKit-https.git] / LayoutTests / fast / css / active-display-none.html
1 <!DOCTYPE html>
2 <style>
3   div { background: rgb(0, 0, 0); }
4   div:active { background: rgb(255, 0, 0); }
5   #parent {
6     width: 200px;
7     height: 200px;
8     border: 2px solid rgb(0, 0, 255);
9   }
10   #child {
11     width: 100px;
12     height: 100px;
13     border: 2px solid rgb(0, 0, 255);
14   }
15 </style>
16
17 <body>
18   <div id="parent">
19     <div id="child"></div>
20   </div>
21   <pre id="description"></div>
22   <pre id="console"></pre>
23 </body>
24
25 <script src="../../resources/js-test-pre.js"></script>
26 <script>
27   function shouldHaveBackground(element, bg) {
28     background = getComputedStyle(element, null).getPropertyValue("background-color")
29     shouldBeEqualToString('background', bg)
30   }
31
32   if (window.testRunner) {
33     description(":active style should be cleared even if display property is set to none before mouse released.")
34     var child = document.getElementById('child')
35     var parent = document.getElementById('parent')
36     testRunner.dumpAsText();
37
38     // Move and down into the child box.
39     eventSender.mouseMoveTo(50, 50)
40     eventSender.mouseDown()
41     shouldHaveBackground(child, 'rgb(255, 0, 0)')
42     shouldHaveBackground(parent, 'rgb(255, 0, 0)')
43
44     // With the mouse still down, set parent box to display:none.
45     parent.style.display = "none";
46
47     // Mouse up to clear active style.
48     eventSender.mouseUp()
49     parent.style.display = "block";
50     shouldHaveBackground(child, 'rgb(0, 0, 0)')
51     shouldHaveBackground(parent, 'rgb(0, 0, 0)')
52   }
53 </script>