third_party/WebKit/LayoutTests/fast/dom/viewport/viewport-dimensions-under-browser-zoom.html - Issue 2901203002: Rename VisualViewport properties to match updated spec

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/viewport/viewport-dimensions-under-browser-zoom.html

Issue 2901203002: Rename VisualViewport properties to match updated spec (Closed)

Patch Set: Make methods const Created 3 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/dom/viewport/viewport-dimensions-iframe.html ('k') | third_party/WebKit/LayoutTests/fast/events/pointerevents/pointerevent_touch-action-pinch_zoom_touch.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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 <script src="../../../resources/testharness.js"></script>	12 <script src="../../../resources/testharness.js"></script>

13 <script src="../../../resources/testharnessreport.js"></script>	13 <script src="../../../resources/testharnessreport.js"></script>

14 <script>	14 <script>

15 var browserZoomFactor = 1.25;	15 var browserZoomFactor = 1.25;

16	16

17 function viewport() {	17 function viewport() {

18 return window.visualViewport;	18 return window.view;

19 }	19 }

20	20

21 var numCallsResize = 0;	21 var numCallsResize = 0;

22	22

23 async_test(function(t) {	23 async_test(function(t) {

24 window.onload = t.step_func(function() {	24 window.onload = t.step_func(function() {

25	25

26 window.visualViewport.addEventListener('resize', function(e) {	26 window.view.addEventListener('resize', function(e) {

27 numCallsResize++;	27 numCallsResize++;

28 });	28 });

29	29

30 window.scrollTo(100, 100);	30 window.scrollTo(100, 100);

31	31

32 // TODO(ymalik): Remove hook to internals to pinch-zoom here and browser	32 // TODO(ymalik): Remove hook to internals to pinch-zoom here and browser

33 // zoom below. This will be required to upstream to w3c repo.	33 // zoom below. This will be required to upstream to w3c repo.

34 internals.setPageScaleFactor(2);	34 internals.setPageScaleFactor(2);

35	35

36 // Offset visual viewport by 10px.	36 // Offset visual viewport by 10px.

37 internals.setVisualViewportOffset(10, 10);	37 internals.setVisualViewportOffset(10, 10);

38	38

39 assert_equals(viewport().scrollTop, 10);	39 assert_equals(viewport().offsetTop, 10);

40 assert_equals(viewport().scrollLeft, 10);	40 assert_equals(viewport().offsetLeft, 10);

41 assert_equals(viewport().clientWidth, 400);	41 assert_equals(viewport().width, 400);

42 assert_equals(viewport().clientHeight, 300);	42 assert_equals(viewport().height, 300);

43 assert_equals(viewport().scale, 2);	43 assert_equals(viewport().scale, 2);

44	44

45 // Apply browser zoom.	45 // Apply browser zoom.

46 window.internals.setZoomFactor(browserZoomFactor);	46 window.internals.setZoomFactor(browserZoomFactor);

47	47

48 requestAnimationFrame(function() {	48 requestAnimationFrame(function() {

49 t.step(function() {	49 t.step(function() {

50 assert_equals(numCallsResize, 1, "resize listener called for browzer z oom");	50 assert_equals(numCallsResize, 1, "resize listener called for browzer z oom");

51 // Visual viewport dimensions should be scaled by the browser zoom fac tor.	51 // Visual viewport dimensions should be scaled by the browser zoom fac tor.

52 assert_equals(viewport().scrollTop, 10 / browserZoomFactor);	52 assert_equals(viewport().offsetTop, 10 / browserZoomFactor);

53 assert_equals(viewport().scrollLeft, 10 / browserZoomFactor);	53 assert_equals(viewport().offsetLeft, 10 / browserZoomFactor);

54 assert_equals(viewport().clientWidth, 400 / browserZoomFactor);	54 assert_equals(viewport().width, 400 / browserZoomFactor);

55 assert_equals(viewport().clientHeight, 300 / browserZoomFactor);	55 assert_equals(viewport().height, 300 / browserZoomFactor);

56 assert_equals(viewport().scale, 2);	56 assert_equals(viewport().scale, 2);

57	57

58 t.done();	58 t.done();

59 });	59 });

60 });	60 });

61 });	61 });

62 }, 'Verify viewport dimensions under bowser zoom.');	62 }, 'Verify viewport dimensions under bowser zoom.');

63 </script>	63 </script>

OLD	NEW