[iOS] Add iOS-specific tests and consolidate iOS-specific accessibility tests
[WebKit-https.git] / LayoutTests / platform / ios-simulator / ios / compositing / overlap-page-scale.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <meta name="viewport" content="initial-scale=0.783673465, minimum-scale=0.783673465, maximum-scale=0.783673465">
6   <style type="text/css" media="screen">
7     #main {
8       width: 900px;
9       overflow: hidden;
10       border: 1px solid black;
11     }
12     
13     #hero {
14       position: relative;
15       width: 800px;
16       height: 754px;
17       margin: 0 auto;
18       background-color: #DDD;
19     }
20     
21     .bottom-shadow {
22       position: absolute;
23       bottom: 0;
24       left: 0;
25       height: 140px;
26       width: 800px;
27       background-color: rgba(255, 255, 255, 0.5);
28       -webkit-transform: translateZ(0);
29     }
30     
31     .content {
32       position: relative;
33       width: 800px;
34       height: 100px;
35       margin-top: -125px;
36       background-color: gray;
37     }
38     
39   </style>
40   <script type="text/javascript" charset="utf-8">
41     if (window.testRunner) {
42       testRunner.dumpAsText();
43       // testRunner.waitUntilDone();
44     }
45     function dumpLayers()
46     {
47       if (window.testRunner)
48         document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
49     }
50     window.addEventListener('load', dumpLayers, false);
51   </script>
52 </head>
53 <body>
54
55   <div id="main">
56     <header id="hero">
57       <div class="bottom-shadow"></div>
58     </header>
59     <div class="content"></div>
60   </div>
61 <pre id="layers">Layers go here in DRT</pre>
62 </body>
63 </html>