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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/scroll-behavior/subframe-scrollBy.html

Issue 774203003: Update Window API for CSSOM smooth scrolling to match the spec (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Update expected results 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/subframe-scroll-expected.txt ('k') | LayoutTests/fast/scroll-behavior/subframe-scrollBy-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 #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 + testCase.x; 16 if (testCase.x)
17 endPosition.y = startPosition.y + testCase.y; 17 endPosition.x = startPosition.x + testCase.x;
18 else
19 endPosition.x = startPosition.x;
20
21 if (testCase.y)
22 endPosition.y = startPosition.y + testCase.y;
23 else
24 endPosition.y = startPosition.y;
18 return endPosition; 25 return endPosition;
19 } 26 }
20 27
21 function jsScroll(testCase) { 28 function jsScroll(testCase) {
22 var subframe = document.getElementById("subframe"); 29 var subframe = document.getElementById("subframe");
23 if (testCase.js) { 30 if (testCase.js) {
24 subframe.contentWindow.scrollBy(testCase.x, testCase.y, {behavior: testC ase.js}); 31 var scrollToOptions = {behavior: testCase.js};
32 if (testCase.x)
33 scrollToOptions.left = testCase.x;
34 if (testCase.y)
35 scrollToOptions.top = testCase.y
36 subframe.contentWindow.scrollBy({left: testCase.x, top: testCase.y, beha vior: testCase.js});
25 } else { 37 } else {
26 subframe.contentWindow.scrollBy(testCase.x, testCase.y); 38 subframe.contentWindow.scrollBy(testCase.x, testCase.y);
27 } 39 }
28 } 40 }
29 41
30 const testScrolls = [ 42 const testScrolls = [
31 {js: "instant", css: "auto", x: 1, y: 2}, 43 {js: "instant", css: "auto", x: 1, y: 2},
32 {js: "instant", css: "smooth", x: 2, y: 3}, 44 {js: "instant", css: "smooth", x: 2, y: 3},
33 {js: "auto", css: "auto", x: 3, y: 4}, 45 {js: "auto", css: "auto", x: 3, y: 4},
34 {js: "", css: "auto", x: 4, y: 5}, 46 {js: "", css: "auto", x: 4, y: 5},
47 {js: "auto", css: "auto", x: 3},
48 {js: "auto", css: "auto", y: 4},
49 {js: "auto", css: "auto"},
35 {js: "smooth", css: "auto", waitForEnd: true, x: 10, y: 15}, 50 {js: "smooth", css: "auto", waitForEnd: true, x: 10, y: 15},
36 {js: "smooth", css: "smooth", waitForEnd: true, x: 20, y: 25}, 51 {js: "smooth", css: "smooth", waitForEnd: true, x: 20, y: 25},
37 {js: "auto", css: "smooth", waitForEnd: true, x: 30, y: 35}, 52 {js: "auto", css: "smooth", waitForEnd: true, x: 30, y: 35},
38 {js: "", css: "smooth", waitForEnd: true, x: 40, y: 45}, 53 {js: "", css: "smooth", waitForEnd: true, x: 40, y: 45},
54 {js: "auto", css: "smooth", waitForEnd: true, x: -30},
55 {js: "auto", css: "smooth", waitForEnd: true, y: -35},
39 {js: "smooth", css: "auto", waitForEnd: false, x: 4000, y: 4100}, 56 {js: "smooth", css: "auto", waitForEnd: false, x: 4000, y: 4100},
40 {js: "smooth", css: "smooth", waitForEnd: false, x: -3900, y: -3850}, 57 {js: "smooth", css: "smooth", waitForEnd: false, x: -3900, y: -3850},
41 {js: "auto", css: "smooth", waitForEnd: false, x: 4050, y: 4000}, 58 {js: "auto", css: "smooth", waitForEnd: false, x: 4050, y: 4000},
42 {js: "", css: "smooth", waitForEnd: false, x: -4000, y: -4100}, 59 {js: "", css: "smooth", waitForEnd: false, x: -4000, y: -4100},
43 ]; 60 ];
44 61
45 function doTest() 62 function doTest()
46 { 63 {
47 var testCases = []; 64 var testCases = [];
48 for (var i = 0; i < testScrolls.length; i++) { 65 for (var i = 0; i < testScrolls.length; i++) {
(...skipping 11 matching lines...) Expand all
60 77
61 window.addEventListener('load', doTest, false); 78 window.addEventListener('load', doTest, false);
62 </script> 79 </script>
63 </head> 80 </head>
64 81
65 <body> 82 <body>
66 <p>Test that calling scrollBy on a subframe works with both scroll behaviors</ p> 83 <p>Test that calling scrollBy on a subframe works with both scroll behaviors</ p>
67 <iframe id="subframe" src="resources/large-subframe.html"></iframe> 84 <iframe id="subframe" src="resources/large-subframe.html"></iframe>
68 </body> 85 </body>
69 </html> 86 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/scroll-behavior/subframe-scroll-expected.txt ('k') | LayoutTests/fast/scroll-behavior/subframe-scrollBy-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698