LayoutTests/fast/scroll-behavior/main-frame-scrollLeft.html - Issue 766023002: Rename 'instant' value of scroll-behavior CSS property to 'auto'

Side by Side Diff: LayoutTests/fast/scroll-behavior/main-frame-scrollLeft.html

Issue 766023002: Rename 'instant' value of scroll-behavior CSS property to 'auto' (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: 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

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5 #content {	5 #content {

6 width: 7500px;	6 width: 7500px;

7 height: 7500px;	7 height: 7500px;

8 background-color: blue;	8 background-color: blue;

9 }	9 }

10 </style>	10 </style>

(...skipping 10 matching lines...) Expand all Loading...
21	21

22 function jsScroll(testCase) {	22 function jsScroll(testCase) {

23 if (testCase.js) {	23 if (testCase.js) {

24 document.documentElement.scrollLeft = {x: testCase.x, behavior: testCase .js};	24 document.documentElement.scrollLeft = {x: testCase.x, behavior: testCase .js};

25 } else {	25 } else {

26 document.documentElement.scrollLeft = testCase.x;	26 document.documentElement.scrollLeft = testCase.x;

27 }	27 }

28 }	28 }

29	29

30 const testScrolls = [	30 const testScrolls = [

31 {js: "instant", css: "instant", x: 1, y: 0},	31 {js: "instant", css: "auto", x: 1, y: 0},

32 {js: "instant", css: "smooth", x: 2, y: 0},	32 {js: "instant", css: "smooth", x: 2, y: 0},

33 {js: "auto", css: "instant", x: 3, y: 0},	33 {js: "auto", css: "auto", x: 3, y: 0},

34 {js: "", css: "instant", x: 4, y: 0},	34 {js: "", css: "auto", x: 4, y: 0},

35 {js: "smooth", css: "instant", waitForEnd: true, x: 10, y: 0},	35 {js: "smooth", css: "auto", waitForEnd: true, x: 10, y: 0},

36 {js: "smooth", css: "smooth", waitForEnd: true, x: 20, y: 0},	36 {js: "smooth", css: "smooth", waitForEnd: true, x: 20, y: 0},

37 {js: "auto", css: "smooth", waitForEnd: true, x: 30, y: 0},	37 {js: "auto", css: "smooth", waitForEnd: true, x: 30, y: 0},

38 {js: "", css: "smooth", waitForEnd: true, x: 40, y: 0},	38 {js: "", css: "smooth", waitForEnd: true, x: 40, y: 0},

39 {js: "smooth", css: "instant", waitForEnd: false, x: 4000, y: 0},	39 {js: "smooth", css: "auto", waitForEnd: false, x: 4000, y: 0},

40 {js: "smooth", css: "smooth", waitForEnd: false, x: 15, y: 0},	40 {js: "smooth", css: "smooth", waitForEnd: false, x: 15, y: 0},

41 {js: "auto", css: "smooth", waitForEnd: false, x: 4100, y: 0},	41 {js: "auto", css: "smooth", waitForEnd: false, x: 4100, y: 0},

42 {js: "", css: "smooth", waitForEnd: false, x: 10, y: 0},	42 {js: "", css: "smooth", waitForEnd: false, x: 10, y: 0},

43 ];	43 ];

44	44

45 function doTest()	45 function doTest()

46 {	46 {

47 var testCases = [];	47 var testCases = [];

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

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

50 }	50 }

51	51

52 var scrollBehaviorTest = new ScrollBehaviorTest(document.documentElement,	52 var scrollBehaviorTest = new ScrollBehaviorTest(document.documentElement,

53 document,	53 document,

54 testCases,	54 testCases,

55 getEndPosition,	55 getEndPosition,

56 jsScroll);	56 jsScroll);

57 scrollBehaviorTest.run();	57 scrollBehaviorTest.run();

58 }	58 }

59	59

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

61 </script>	61 </script>

62 </head>	62 </head>

63	63

64 <body>	64 <body>

65 <p>Test that setting scrollLeft on the main frame works with both scroll behav iors</p>	65 <p>Test that setting scrollLeft on the main frame works with both scroll behav iors</p>

66 <div id="content"></div>	66 <div id="content"></div>

67 </body>	67 </body>

68 </html>	68 </html>

OLD	NEW