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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/viewport/verify-viewport-dimensions.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/scroll-resize-events-fired.html ('k') | third_party/WebKit/LayoutTests/fast/dom/viewport/viewport-dimensions-exclude-custom-scrollbars.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.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