OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <title>User stylesheet containing an @viewport rule</title> | |
5 <script src="../../resources/testharness.js"></script> | |
6 <script src="../../resources/testharnessreport.js"></script> | |
7 <style> | |
8 html, body { width: 100%; height: 100%; margin: 0 } | |
9 | |
10 @viewport { | |
11 height: 2000px; | |
12 } | |
13 </style> | |
14 <script> | |
15 test(function(){ | |
16 assert_own_property(window, "testRunner"); | |
17 }, "Check that window.testRunner is present. Required to add a user styl
esheet."); | |
18 | |
19 if (window.testRunner) { | |
20 testRunner.injectStyleSheet("@viewport { width: 450px; height: auto;
zoom: auto; min-zoom: auto; max-zoom: auto }", true); | |
21 } | |
22 </script> | |
23 </head> | |
24 <body> | |
25 <div id="log"></div> | |
26 <script> | |
27 test(function(){ | |
28 assert_own_property(window, "internals"); | |
29 }, "Check that window.internals is present. Required to call viewportAsT
ext."); | |
30 | |
31 var actualWidth; | |
32 var actualHeight; | |
33 | |
34 document.body.offsetHeight; | |
35 | |
36 var vpString = internals.viewportAsText(document, 1, 320, 352); | |
37 var match = /viewport size (.+)x(.+) scale (.+ )/.exec(vpString); | |
38 | |
39 if (match) { | |
40 actualWidth = parseFloat(match[1]); | |
41 actualHeight = parseFloat(match[2]); | |
42 } | |
43 | |
44 test(function(){ | |
45 assert_equals(actualWidth, 450); | |
46 }, "Check that we get the viewport width from the user stylesheet."); | |
47 | |
48 test(function(){ | |
49 assert_equals(actualHeight, 2000); | |
50 }, "Check that we get the viewport height from the author stylesheet."); | |
51 </script> | |
52 </body> | |
53 </html> | |
OLD | NEW |