[Mail] Use the Mail Viewer width as the base for resolving horizontal viewport units
[WebKit-https.git] / LayoutTests / fast / dynamic / mail-autosize-viewport-unit.html
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>This tests that autosize uses the min-width as the base for resolving viewport unit values</title>
5 <style>
6 #w100 {
7     width: 100vw;
8     height: 10px;
9 }
10
11 #w50 {
12     width: 50vw;
13     height: 10px;
14 }
15
16 #w10 {
17     width: 10vw;
18     height: 10px;
19 }
20
21 #w0 {
22     width: 0vw;
23     height: 10px;
24 }
25 </style>
26 <script>
27 if (window.internals)
28     internals.enableAutoSizeMode(true, 2000, 600, 4000, 1000);
29
30 if (window.testRunner)
31     testRunner.dumpAsText();
32 </script>
33 </head>
34 <body>
35 <div id=w100></div>
36 <div id=w50></div>
37 <div id=w10></div>
38 <div id=w0></div>
39 <img src="notfound.jpg" width=3000px height=100px>
40 <pre id=result></pre>
41 <script>
42 document.body.offsetWidth;
43 result.textContent = window.getComputedStyle(w100, null).getPropertyValue("width") + " "
44     + window.getComputedStyle(w50, null).getPropertyValue("width") + " "
45     + window.getComputedStyle(w10, null).getPropertyValue("width") + " "  
46         + window.getComputedStyle(w0, null).getPropertyValue("width");  
47 if (window.internals)
48     internals.enableAutoSizeMode(false, 0, 0, 0, 0);
49 </script>
50 </body>
51 </html>