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

Side by Side Diff: LayoutTests/fast/scroll-behavior/subframe-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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 #subframe { 5 #subframe {
6 width: 200px; 6 width: 200px;
7 height: 200px; 7 height: 200px;
8 } 8 }
9 </style> 9 </style>
10 <script src="../../resources/testharness.js"></script> 10 <script src="../../resources/testharness.js"></script>
11 <script src="../../resources/testharnessreport.js"></script> 11 <script src="../../resources/testharnessreport.js"></script>
12 <script src="resources/scroll-behavior-test.js"></script> 12 <script src="resources/scroll-behavior-test.js"></script>
13 <script type="text/javascript"> 13 <script type="text/javascript">
14 function getEndPosition(testCase, startPosition) { 14 function getEndPosition(testCase, startPosition) {
15 var endPosition = {}; 15 var endPosition = {};
16 endPosition.x = startPosition.x; 16 endPosition.x = startPosition.x;
17 endPosition.y = testCase.y; 17 endPosition.y = testCase.y;
18 return endPosition; 18 return endPosition;
19 } 19 }
20 20
21 function jsScroll(testCase) { 21 function jsScroll(testCase) {
22 var subframe = document.getElementById("subframe"); 22 var subframe = document.getElementById("subframe");
23 if (testCase.js) { 23 subframe.contentDocument.documentElement.scrollTop = testCase.y;
24 subframe.contentDocument.documentElement.scrollTop = {y: testCase.y, beh avior: testCase.js};
25 } else {
26 subframe.contentDocument.documentElement.scrollTop = testCase.y;
27 }
28 } 24 }
29 25
30 const testScrolls = [ 26 const testScrolls = [
31 {js: "instant", css: "auto", x: 0, y: 2}, 27 {css: "auto", x: 0, y: 2},
32 {js: "instant", css: "smooth", x: 0, y: 3}, 28 {css: "auto", x: 0, y: 4},
33 {js: "auto", css: "auto", x: 0, y: 4}, 29 {css: "smooth", waitForEnd: true, x: 0, y: 25},
34 {js: "", css: "auto", x: 0, y: 5}, 30 {css: "smooth", waitForEnd: true, x: 0, y: 45},
35 {js: "smooth", css: "auto", waitForEnd: true, x: 0, y: 15}, 31 {css: "smooth", waitForEnd: false, x: 0, y: 4100},
36 {js: "smooth", css: "smooth", waitForEnd: true, x: 0, y: 25}, 32 {css: "smooth", waitForEnd: false, x: 0, y: 20},
37 {js: "auto", css: "smooth", waitForEnd: true, x: 0, y: 35},
38 {js: "", css: "smooth", waitForEnd: true, x: 0, y: 45},
39 {js: "smooth", css: "auto", waitForEnd: false, x: 0, y: 4100},
40 {js: "smooth", css: "smooth", waitForEnd: false, x: 0, y: 20},
41 {js: "auto", css: "smooth", waitForEnd: false, x: 0, y: 4000},
42 {js: "", css: "smooth", waitForEnd: false, x: 0, y: 5},
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 subframe = document.getElementById("subframe"); 42 var subframe = document.getElementById("subframe");
53 var scrollBehaviorTest = new ScrollBehaviorTest(subframe.contentDocument.d ocumentElement, 43 var scrollBehaviorTest = new ScrollBehaviorTest(subframe.contentDocument.d ocumentElement,
54 subframe.contentDocument, 44 subframe.contentDocument,
55 testCases, 45 testCases,
56 getEndPosition, 46 getEndPosition,
57 jsScroll); 47 jsScroll);
58 scrollBehaviorTest.run(); 48 scrollBehaviorTest.run();
59 } 49 }
60 50
61 window.addEventListener('load', doTest, false); 51 window.addEventListener('load', doTest, false);
62 </script> 52 </script>
63 </head> 53 </head>
64 54
65 <body> 55 <body>
66 <p>Test that setting scrollTop on a subframe works with both scroll behaviors< /p> 56 <p>Test that setting scrollTop on a subframe works with both scroll behaviors< /p>
67 <iframe id="subframe" src="resources/large-subframe.html"></iframe> 57 <iframe id="subframe" src="resources/large-subframe.html"></iframe>
68 </body> 58 </body>
69 </html> 59 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698