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

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

Issue 378953002: Test framework and tests for CSSOM View smooth scroll (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 5 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:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #content {
6 width: 7500px;
7 height: 7500px;
8 background-color: blue;
9 }
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 MainFrameScrollTestCase(testData) {
16 ScrollBehaviorTestCase.call(this, testData);
17 }
18 MainFrameScrollTestCase.prototype = Object.create(ScrollBehaviorTestCase.pro totype);
19 MainFrameScrollTestCase.constructor = MainFrameScrollTestCase;
20 MainFrameScrollTestCase.prototype.run = function () {
21 document.documentElement.style.scrollBehavior = this.css;
22 if (this.js) {
23 window.scroll(this.x, this.y, {behavior: this.js});
24 } else {
25 window.scroll(this.x, this.y);
26 }
27 }
28
29 const testScrolls = [
30 {js: "instant", css: "instant", x: 1, y: 2},
31 {js: "instant", css: "smooth", x: 2, y: 3},
32 {js: "auto", css: "instant", x: 3, y: 4},
33 {js: "", css: "instant", x: 4, y: 5},
34 {js: "smooth", css: "instant", waitForEnd: true, x: 10, y: 15},
35 {js: "smooth", css: "smooth", waitForEnd: true, x: 20, y: 25},
36 {js: "auto", css: "smooth", waitForEnd: true, x: 30, y: 35},
37 {js: "", css: "smooth", waitForEnd: true, x: 40, y: 45},
38 {js: "smooth", css: "instant", waitForEnd: false, x: 4000, y: 4100},
39 {js: "smooth", css: "smooth", waitForEnd: false, x: 15, y: 20},
40 {js: "auto", css: "smooth", waitForEnd: false, x: 4100, y: 4000},
41 {js: "", css: "smooth", waitForEnd: false, x: 10, y: 5},
42 ];
43
44 function doTest()
45 {
46 var testCases = [];
47 for (var i = 0; i < testScrolls.length; i++) {
48 testCases.push(new MainFrameScrollTestCase(testScrolls[i]));
49 }
50
51 var scrollBehaviorTest = new ScrollBehaviorTest(document.documentElement,
52 document,
53 testCases);
54 scrollBehaviorTest.run();
55 }
56
57 window.addEventListener('load', doTest, false);
58 </script>
59 </head>
60
61 <body>
62 <p>Test that calling scroll on the main frame works with both scroll behaviors </p>
63 <div id="content"></div>
64 </body>
65 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698