OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML> | |
2 <script src="../../resources/js-test.js"></script> | |
3 <style> | |
4 /* | |
5 Give some rules below something to override in order to test | |
6 that they really are being parsed | |
7 */ | |
8 .defwheel { | |
9 scroll-blocks-on: wheel-event; | |
10 } | |
11 </style> | |
12 <div class="test" id="default" expected="none"></div> | |
13 <div class="test defwheel" id="stylesheet-wheel" expected="wheel-event"></div> | |
14 <div class="test defwheel" id="explicit-none" style="scroll-blocks-on: none;" ex
pected="none"></div> | |
15 <div class="test" id="explicit-start-touch" style="scroll-blocks-on: start-touch
;" expected="start-touch"></div> | |
16 <div class="test" id="explicit-wheel-event" style="scroll-blocks-on: wheel-event
;" expected="wheel-event"></div> | |
17 <div class="test" id="explicit-scroll-event" style="scroll-blocks-on: scroll-eve
nt;" expected="scroll-event"></div> | |
18 <div class="test" id="explicit-all" style="scroll-blocks-on: start-touch wheel-e
vent scroll-event;" expected="start-touch wheel-event scroll-event"></div> | |
19 <div class="test" id="explicit-touch-wheel" style="scroll-blocks-on: start-touch
wheel-event;" expected="start-touch wheel-event"></div> | |
20 <div class="test" id="explicit-invalid-bogus" style="scroll-blocks-on: bogus;" e
xpected="none"></div> | |
21 <div class="test" id="explicit-invalid-combination" style="scroll-blocks-on: whe
el-event none;" expected="none"></div> | |
22 <div class="test defwheel" id="explicit-invalid-override" style="scroll-blocks-o
n: none start-touch;" expected="wheel-event"></div> | |
23 <div class="test" id="explicit-invalid-duplicate" style="scroll-blocks-on: start
-touch start-touch;" expected="none"></div> | |
24 <div class="test" id="explicit-invalid-bogus-list" style="scroll-blocks-on: whee
l-event bogus scroll-event;" expected="none"></div> | |
25 <div style="scroll-blocks-on: wheel-event;"> | |
26 <div class="test" id="not-inherited" expected="none"></div> | |
27 <div class="test" id="inherit" style="scroll-blocks-on: inherit;" expected="wh
eel-event"></div> | |
28 </div> | |
29 <div class="test defwheel" id="initial" style="scroll-blocks-on: initial;" expec
ted="none"></div> | |
30 | |
31 <script> | |
32 description("Test the parsing and application of the scroll-blocks-on property."
); | |
33 | |
34 var tests = document.querySelectorAll('.test'); | |
35 var style; | |
36 for (var i = 0; i < tests.length; i++) { | |
37 debug('Test case: ' + tests[i].id); | |
38 style = window.getComputedStyle(tests[i]); | |
39 shouldBeEqualToString('style.scrollBlocksOn', tests[i].attributes.expected.val
ue); | |
40 debug(''); | |
41 } | |
42 </script> | |
OLD | NEW |