OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>ScrollState consumeDelta</title> | 4 <title>ScrollState consumeDelta</title> |
5 <script src="../../../resources/testharness.js"></script> | 5 <script src="../../../resources/testharness.js"></script> |
6 <script src="../../../resources/testharnessreport.js"></script> | 6 <script src="../../../resources/testharnessreport.js"></script> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 <script> | 9 <script> |
10 | 10 |
11 function deltaShouldBe(scrollState, x, y, testName) { | 11 function deltaShouldBe(scrollState, x, y, testName) { |
12 test(function() { | 12 test(function() { |
13 assert_equals(scrollState.deltaX, x); | 13 assert_equals(scrollState.deltaX, x); |
14 assert_equals(scrollState.deltaY, y); | 14 assert_equals(scrollState.deltaY, y); |
15 }, testName); | 15 }, testName); |
16 } | 16 } |
17 | 17 |
18 test(function() { | 18 test(function() { |
19 assert_true('ScrollState' in window, "'ScrollState' in window"); | 19 assert_true('ScrollState' in window, "'ScrollState' in window"); |
20 }, "These tests only work with scroll customization enabled."); | 20 }, "These tests only work with scroll customization enabled."); |
21 | 21 |
22 if ('ScrollState' in window) { | 22 if ('ScrollState' in window) { |
23 var scrollState = new ScrollState(10, -20); | 23 var scrollState = new ScrollState({deltaX: 10, deltaY: -20}); |
24 deltaShouldBe(scrollState, 10, -20, "Unconsumed deltas"); | 24 deltaShouldBe(scrollState, 10, -20, "Unconsumed deltas"); |
25 scrollState.consumeDelta(2, -3); | 25 scrollState.consumeDelta(2, -3); |
26 deltaShouldBe(scrollState, 8, -17, "Partially consumed deltas"); | 26 deltaShouldBe(scrollState, 8, -17, "Partially consumed deltas"); |
27 scrollState.consumeDelta(8, -17); | 27 scrollState.consumeDelta(8, -17); |
28 deltaShouldBe(scrollState, 0, 0, "Fully consumed deltas"); | 28 deltaShouldBe(scrollState, 0, 0, "Fully consumed deltas"); |
29 } | 29 } |
30 </script> | 30 </script> |
31 </body> | 31 </body> |
32 </html> | 32 </html> |
OLD | NEW |