OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 body { | 3 body { |
4 height: 2000px; | 4 height: 2000px; |
5 width: 2000px; | 5 width: 2000px; |
6 } | 6 } |
7 ::-webkit-scrollbar { | 7 ::-webkit-scrollbar { |
8 width: 0px; | 8 width: 0px; |
9 height: 0px; | 9 height: 0px; |
10 } | 10 } |
11 </style> | 11 </style> |
12 | 12 |
13 <script src="../../../resources/testharness.js"></script> | 13 <script src="../../../resources/testharness.js"></script> |
14 <script src="../../../resources/testharnessreport.js"></script> | 14 <script src="../../../resources/testharnessreport.js"></script> |
15 | 15 |
16 <script> | 16 <script> |
17 function viewport() { | 17 function viewport() { |
18 return window.visualViewport; | 18 return window.view; |
19 } | 19 } |
20 | 20 |
21 async_test(function(t) { | 21 async_test(function(t) { |
22 window.onload = t.step_func(function() { | 22 window.onload = t.step_func(function() { |
23 // Turn off smooth scrolling. | 23 // Turn off smooth scrolling. |
24 internals.settings.setScrollAnimatorEnabled(false); | 24 internals.settings.setScrollAnimatorEnabled(false); |
25 | 25 |
26 window.scrollTo(100, 100); | 26 window.scrollTo(100, 100); |
27 | 27 |
28 // Initial viewport dimensions. | 28 // Initial viewport dimensions. |
29 assert_equals(viewport().clientWidth, 800, "initial clientWidth"); | 29 assert_equals(viewport().width, 800, "initial width"); |
30 assert_equals(viewport().clientHeight, 600, "initial clientHeight"); | 30 assert_equals(viewport().height, 600, "initial height"); |
31 assert_equals(viewport().scrollLeft, 0, "initial scrollLeft"); | 31 assert_equals(viewport().offsetLeft, 0, "initial offsetLeft"); |
32 assert_equals(viewport().scrollTop, 0, "initial scrollTop"); | 32 assert_equals(viewport().offsetTop, 0, "initial offsetTop"); |
33 assert_equals(viewport().pageX, 100, "initial pageX"); | 33 assert_equals(viewport().pageLeft, 100, "initial pageLeft"); |
34 assert_equals(viewport().pageY, 100, "initial pageY"); | 34 assert_equals(viewport().pageTop, 100, "initial pageTop"); |
35 assert_equals(viewport().scale, 1, "initial scale"); | 35 assert_equals(viewport().scale, 1, "initial scale"); |
36 | 36 |
37 // Scale and scroll visual viewport. | 37 // Scale and scroll visual viewport. |
38 internals.setPageScaleFactor(2); | 38 internals.setPageScaleFactor(2); |
39 internals.setVisualViewportOffset(10, 10); | 39 internals.setVisualViewportOffset(10, 10); |
40 assert_equals(viewport().clientWidth, 400, "scaled width"); | 40 assert_equals(viewport().width, 400, "scaled width"); |
41 assert_equals(viewport().clientHeight, 300, "scaled height"); | 41 assert_equals(viewport().height, 300, "scaled height"); |
42 assert_equals(viewport().scrollLeft, 10, "scrolled left viewport"); | 42 assert_equals(viewport().offsetLeft, 10, "scrolled left viewport"); |
43 assert_equals(viewport().scrollTop, 10, "scrolled top viewport"); | 43 assert_equals(viewport().offsetTop, 10, "scrolled top viewport"); |
44 assert_equals(viewport().pageX, 110, "initial pageX"); | 44 assert_equals(viewport().pageLeft, 110, "initial pageLeft"); |
45 assert_equals(viewport().pageY, 110, "initial pageY"); | 45 assert_equals(viewport().pageTop, 110, "initial pageTop"); |
46 assert_equals(viewport().scale, 2, "scale"); | 46 assert_equals(viewport().scale, 2, "scale"); |
47 | 47 |
48 // Set scrollTop/Left. | 48 // Set offsetTop/Left. |
49 internals.setVisualViewportOffset(0, 20); | 49 internals.setVisualViewportOffset(0, 20); |
50 assert_equals(viewport().scrollTop, 20, "set scrollTop"); | 50 assert_equals(viewport().offsetTop, 20, "set offsetTop"); |
51 assert_equals(viewport().scrollLeft, 0, "set scrollLeft"); | 51 assert_equals(viewport().offsetLeft, 0, "set offsetLeft"); |
52 internals.setVisualViewportOffset(-20, -20); | 52 internals.setVisualViewportOffset(-20, -20); |
53 assert_equals(viewport().scrollTop, 0, "negative scrollTop"); | 53 assert_equals(viewport().offsetTop, 0, "negative offsetTop"); |
54 assert_equals(viewport().scrollTop, 0, "negative scrollLeft"); | 54 assert_equals(viewport().offsetTop, 0, "negative offsetLeft"); |
55 | 55 |
56 t.done(); | 56 t.done(); |
57 }); | 57 }); |
58 }, 'Verify viewport dimensions'); | 58 }, 'Verify viewport dimensions'); |
59 </script> | 59 </script> |
60 | 60 |
OLD | NEW |