[iOS] Add iOS-specific tests and consolidate iOS-specific accessibility tests
[WebKit-https.git] / LayoutTests / platform / ios-simulator / ios / scrolling / touch-stacking.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5     <meta name="viewport" content="width=device-width">
6     <style>
7         body {
8             -webkit-overflow-scrolling: touch;
9         }
10         
11         .box {
12             height: 100px;
13             width: 100px;
14             background-color: blue;
15             position: absolute;
16             top: 0;
17             left: 0;
18         }
19         
20         .stacking {
21             position: relative;
22             z-index: 0;
23         }
24         
25         #log {
26             margin-top: 120px;
27         }
28     </style>
29     <script>
30         function doTest()
31         {
32             var box = document.getElementById('test');
33             var computedZIndex = window.getComputedStyle(box).zIndex;
34             var result;
35             if (computedZIndex == 'auto')
36                 result = 'PASS: computed zIndex was auto';
37             else
38                 result = 'FAIL: computed zIndex was ' + computedZIndex;
39
40             document.getElementById('log').textContent = result;
41         }
42         window.addEventListener('load', doTest, false);
43     </script>
44 </head>
45 <body>
46     <div class="container">
47         <div class="box" style="background-color: orange; z-index: 0"></div>
48         <div id="test" class="box" style="background-color: green;">
49             <div class="box" style="background-color: red; z-index: -1"></div>
50         </div>
51     </div>
52
53     <div id="log"></div>
54 </body>
55 </html>