third_party/WebKit/LayoutTests/fast/dom/viewport/verify-viewport-dimensions.html - Issue 2156143002: Add page coordinates to the ViewportAPI

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/viewport/verify-viewport-dimensions.html

Issue 2156143002: Add page coordinates to the ViewportAPI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: rebase + fix layout tests Created 4 years, 5 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:

View unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/dom/Window/property-access-on-cached-window-after-frame-removed-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/dom/viewport/viewport-dimensions-iframe.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	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.visualViewport;

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 // Scroll both viewports.	26 window.scrollTo(100, 100);

27 eventSender.mouseMoveTo(100, 100);

28 eventSender.continuousMouseScrollBy(100, 100);

29	27

30 // Initial viewport dimensions.	28 // Initial viewport dimensions.

31 assert_equals(viewport().clientWidth, 800, "initial clientWidth");	29 assert_equals(viewport().clientWidth, 800, "initial clientWidth");

32 assert_equals(viewport().clientHeight, 600, "initial clientHeight");	30 assert_equals(viewport().clientHeight, 600, "initial clientHeight");

33 assert_equals(viewport().scrollLeft, 0, "initial scrollLeft");	31 assert_equals(viewport().scrollLeft, 0, "initial scrollLeft");

34 assert_equals(viewport().scrollTop, 0, "initial scrollTop");	32 assert_equals(viewport().scrollTop, 0, "initial scrollTop");

	33 assert_equals(viewport().pageX, 100, "initial pageX");

	34 assert_equals(viewport().pageY, 100, "initial pageY");

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().clientWidth, 400, "scaled width");

41 assert_equals(viewport().clientHeight, 300, "scaled height");	41 assert_equals(viewport().clientHeight, 300, "scaled height");

42 assert_equals(viewport().scrollLeft, 10, "scrolled left viewport");	42 assert_equals(viewport().scrollLeft, 10, "scrolled left viewport");

43 assert_equals(viewport().scrollTop, 10, "scrolled top viewport");	43 assert_equals(viewport().scrollTop, 10, "scrolled top viewport");

	44 assert_equals(viewport().pageX, 110, "initial pageX");

	45 assert_equals(viewport().pageY, 110, "initial pageY");

44 assert_equals(viewport().scale, 2, "scale");	46 assert_equals(viewport().scale, 2, "scale");

45	47

46 // Set scrollTop/Left.	48 // Set scrollTop/Left.

47 internals.setVisualViewportOffset(0, 20);	49 internals.setVisualViewportOffset(0, 20);

48 assert_equals(viewport().scrollTop, 20, "set scrollTop");	50 assert_equals(viewport().scrollTop, 20, "set scrollTop");

49 assert_equals(viewport().scrollLeft, 0, "set scrollLeft");	51 assert_equals(viewport().scrollLeft, 0, "set scrollLeft");

50 internals.setVisualViewportOffset(-20, -20);	52 internals.setVisualViewportOffset(-20, -20);

51 assert_equals(viewport().scrollTop, 0, "negative scrollTop");	53 assert_equals(viewport().scrollTop, 0, "negative scrollTop");

52 assert_equals(viewport().scrollTop, 0, "negative scrollLeft");	54 assert_equals(viewport().scrollTop, 0, "negative scrollLeft");

53	55

54 t.done();	56 t.done();

55 });	57 });

56 }, 'Verify viewport dimensions');	58 }, 'Verify viewport dimensions');

57 </script>	59 </script>

58	60

OLD	NEW