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 |