Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(88)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/scroll-behavior/main-frame-scrollLeft.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: Address review comments 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/main-frame-scroll-in-standards-mode-expected.txt ('k') | LayoutTests/fast/scroll-behavior/main-frame-scrollLeft-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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>
11 <script src="../../resources/testharness.js"></script> 11 <script src="../../resources/testharness.js"></script>
12 <script src="../../resources/testharnessreport.js"></script> 12 <script src="../../resources/testharnessreport.js"></script>
13 <script src="resources/scroll-behavior-test.js"></script> 13 <script src="resources/scroll-behavior-test.js"></script>
14 <script type="text/javascript"> 14 <script type="text/javascript">
15 function getEndPosition(testCase, startPosition) { 15 function getEndPosition(testCase, startPosition) {
16 var endPosition = {}; 16 var endPosition = {};
17 endPosition.x = testCase.x; 17 endPosition.x = testCase.x;
18 endPosition.y = startPosition.y; 18 endPosition.y = startPosition.y;
19 return endPosition; 19 return endPosition;
20 } 20 }
21 21
22 function jsScroll(testCase) { 22 function jsScroll(testCase) {
23 if (testCase.js) { 23 document.documentElement.scrollLeft = testCase.x;
24 document.documentElement.scrollLeft = {x: testCase.x, behavior: testCase .js};
25 } else {
26 document.documentElement.scrollLeft = testCase.x;
27 }
28 } 24 }
29 25
30 const testScrolls = [ 26 const testScrolls = [
31 {js: "instant", css: "auto", x: 1, y: 0}, 27 {css: "auto", x: 1, y: 0},
32 {js: "instant", css: "smooth", x: 2, y: 0}, 28 {css: "auto", x: 4, y: 0},
33 {js: "auto", css: "auto", x: 3, y: 0}, 29 {css: "smooth", waitForEnd: true, x: 20, y: 0},
34 {js: "", css: "auto", x: 4, y: 0}, 30 {css: "smooth", waitForEnd: true, x: 40, y: 0},
35 {js: "smooth", css: "auto", waitForEnd: true, x: 10, y: 0}, 31 {css: "smooth", waitForEnd: false, x: 4000, y: 0},
36 {js: "smooth", css: "smooth", waitForEnd: true, x: 20, y: 0}, 32 {css: "smooth", waitForEnd: false, x: 10, y: 0},
37 {js: "auto", css: "smooth", waitForEnd: true, x: 30, y: 0},
38 {js: "", css: "smooth", waitForEnd: true, x: 40, y: 0},
39 {js: "smooth", css: "auto", waitForEnd: false, x: 4000, y: 0},
40 {js: "smooth", css: "smooth", waitForEnd: false, x: 15, y: 0},
41 {js: "auto", css: "smooth", waitForEnd: false, x: 4100, y: 0},
42 {js: "", css: "smooth", waitForEnd: false, x: 10, y: 0},
43 ]; 33 ];
44 34
45 function doTest() 35 function doTest()
46 { 36 {
47 var testCases = []; 37 var testCases = [];
48 for (var i = 0; i < testScrolls.length; i++) { 38 for (var i = 0; i < testScrolls.length; i++) {
49 testCases.push(new ScrollBehaviorTestCase(testScrolls[i])); 39 testCases.push(new ScrollBehaviorTestCase(testScrolls[i]));
50 } 40 }
51 41
52 var scrollBehaviorTest = new ScrollBehaviorTest(document.documentElement, 42 var scrollBehaviorTest = new ScrollBehaviorTest(document.documentElement,
53 document, 43 document,
54 testCases, 44 testCases,
55 getEndPosition, 45 getEndPosition,
56 jsScroll); 46 jsScroll);
57 scrollBehaviorTest.run(); 47 scrollBehaviorTest.run();
58 } 48 }
59 49
60 window.addEventListener('load', doTest, false); 50 window.addEventListener('load', doTest, false);
61 </script> 51 </script>
62 </head> 52 </head>
63 53
64 <body> 54 <body>
65 <p>Test that setting scrollLeft on the main frame works with both scroll behav iors</p> 55 <p>Test that setting scrollLeft on the main frame works with both scroll behav iors</p>
66 <div id="content"></div> 56 <div id="content"></div>
67 </body> 57 </body>
68 </html> 58 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/scroll-behavior/main-frame-scroll-in-standards-mode-expected.txt ('k') | LayoutTests/fast/scroll-behavior/main-frame-scrollLeft-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698