LayoutTests/fast/scroll-behavior/listbox-scrollTop.html - Issue 782793002: Update Element API for CSSOM smooth scrolling to match the spec

Side by Side Diff: LayoutTests/fast/scroll-behavior/listbox-scrollTop.html

Issue 782793002: Update Element API for CSSOM smooth scrolling to match the spec (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Rebased Created 6 years 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 | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/scroll-behavior/listbox-interrupted-scroll-expected.txt ('k') | LayoutTests/fast/scroll-behavior/main-frame-element-scroll.html » ('j') | LayoutTests/fast/scroll-behavior/overflow-hidden-scroll-expected.txt » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html>
ajuma 2014/12/08 15:14:14 Now that RenderListBox is no longer a ScrollableAr Now that RenderListBox is no longer a ScrollableArea subclass (instead, listboxes use RenderLayerScrollableArea), listbox-specific tests for smooth scroll don't seem to add much value. At the same time, these tests are a pain to maintain, since differences in list box sizes on different platforms means we end up with platform-specific expectations.
2 <html>

3 <head>

4 <script src="../../resources/testharness.js"></script>

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

6 <script src="resources/scroll-behavior-test.js"></script>

7 <script type="text/javascript">

8 const numItems = 500;

9

10 function getEndPosition(testCase, startPosition) {

11 var endPosition = {};

12 endPosition.x = startPosition.x;

13 endPosition.y = testCase.y;

14 return endPosition;

15 }

16

17 function jsScroll(testCase) {

18 var element = document.getElementById("listbox");

19 if (testCase.js) {

20 element.scrollTop = {y: testCase.y, behavior: testCase.js};

21 } else {

22 element.scrollTop = testCase.y;

23 }

24 }

25

26 var testScrolls = [

27 {js: "instant", css: "auto", index: 2},

28 {js: "instant", css: "smooth", index: 3},

29 {js: "auto", css: "auto", index: 4},

30 {js: "", css: "auto", index: 5},

31 {js: "smooth", css: "auto", waitForEnd: true, index: 15},

32 {js: "smooth", css: "smooth", waitForEnd: true, index: 20},

33 {js: "auto", css: "smooth", waitForEnd: true, index: 30},

34 {js: "", css: "smooth", waitForEnd: true, index: 35},

35 {js: "smooth", css: "auto", waitForEnd: false, index: 410},

36 {js: "smooth", css: "smooth", waitForEnd: false, index: 20},

37 {js: "auto", css: "smooth", waitForEnd: false, index: 400},

38 {js: "", css: "smooth", waitForEnd: false, index: 5},

39 ];

40

41 function initializeContents(listbox)

42 {

43 for (var i = 0; i < numItems; i++) {

44 var option = document.createElement("option");

45 option.appendChild(document.createTextNode(i));

46 listbox.appendChild(option);

47 }

48 }

49

50 function doTest()

51 {

52 var element = document.getElementById("listbox");

53 initializeContents(element);

54 var itemHeight = Math.floor(listbox.clientHeight / listbox.size);

55 var testCases = [];

56 for (var i = 0; i < testScrolls.length; i++) {

57 // Convert from list box item index to a scroll offset.

58 testScrolls[i].y = testScrolls[i].index * itemHeight;

59 testScrolls[i].x = 0;

60 testCases.push(new ScrollBehaviorTestCase(testScrolls[i]));

61 }

62

63 var scrollBehaviorTest = new ScrollBehaviorTest(element,

64 element,

65 testCases,

66 getEndPosition,

67 jsScroll);

68 scrollBehaviorTest.run();

69 }

70

71 window.addEventListener('load', doTest, false);

72 </script>

73 </head>

74

75 <body>

76 <p>Test that setting scrollTop on a listbox works with both scroll behaviors</ p>

77 <select size="4" id="listbox"></select>

78 </body>

79 </html>

OLD	NEW