Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / scroll-behavior / main-frame-scrollLeft.html
blobc412af1c4a24d37772864104a68132b8911bd349
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #content {
6 width: 7500px;
7 height: 7500px;
8 background-color: blue;
10 </style>
11 <script src="../../resources/testharness.js"></script>
12 <script src="../../resources/testharnessreport.js"></script>
13 <script src="resources/scroll-behavior-test.js"></script>
14 <script type="text/javascript">
15 function getEndPosition(testCase, startPosition) {
16 var endPosition = {};
17 endPosition.x = testCase.x;
18 endPosition.y = startPosition.y;
19 return endPosition;
22 function jsScroll(testCase) {
23 document.scrollingElement.scrollLeft = testCase.x;
26 const testScrolls = [
27 {css: "auto", x: 1, y: 0},
28 {css: "auto", x: 4, y: 0},
29 {css: "smooth", waitForEnd: true, x: 20, y: 0},
30 {css: "smooth", waitForEnd: true, x: 40, y: 0},
31 {css: "smooth", waitForEnd: false, x: 4000, y: 0},
32 {css: "smooth", waitForEnd: false, x: 10, y: 0},
35 function doTest()
37 var testCases = [];
38 for (var i = 0; i < testScrolls.length; i++) {
39 testCases.push(new ScrollBehaviorTestCase(testScrolls[i]));
42 var scrollBehaviorTest = new ScrollBehaviorTest(document.scrollingElement,
43 document,
44 testCases,
45 getEndPosition,
46 jsScroll);
47 scrollBehaviorTest.run();
50 window.addEventListener('load', doTest, false);
51 </script>
52 </head>
54 <body>
55 <p>Test that setting scrollLeft on the main frame works with both scroll behaviors</p>
56 <div id="content"></div>
57 </body>
58 </html>