OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../resources/testharness.js"></script> | 2 <script src="../../resources/testharness.js"></script> |
3 <script src="../../resources/testharnessreport.js"></script> | 3 <script src="../../resources/testharnessreport.js"></script> |
4 <style> | 4 <style> |
5 text { | 5 text { |
6 baseline-shift: inherit; | 6 baseline-shift: inherit; |
7 } | 7 } |
8 </style> | 8 </style> |
9 <svg height="0"><text></text></svg> | 9 <svg height="0"><text></text></svg> |
10 <script> | 10 <script> |
11 setup(function() { | 11 setup(function() { |
12 window.svg = document.querySelector('svg'); | 12 window.svg = document.querySelector('svg'); |
13 window.textElement = document.querySelector('text'); | 13 window.textElement = document.querySelector('text'); |
14 }); | 14 }); |
15 [ | 15 [ |
16 {value: 'baseline', expected: '0px'}, | 16 {value: 'baseline', expected: '0px'}, |
17 {value: 'sub'}, | 17 {value: 'sub'}, |
18 {value: 'super'}, | 18 {value: 'super'}, |
19 {value: '10px'}, | 19 {value: '10px'}, |
20 {value: '100%'} | 20 {value: '100%'} |
21 ].forEach(function(item) { | 21 ].forEach(function(item) { |
22 test(function() { | 22 test(function() { |
23 svg.style.setProperty('baseline-shift', item.value); | 23 svg.style.setProperty('baseline-shift', item.value); |
24 assert_equals(getComputedStyle(textElement).baselineShift, item.expected ||
item.value); | 24 assert_equals(getComputedStyle(textElement).baselineShift, item.expected ||
item.value); |
25 }, 'Inheritance of the baseline-shift property - ' + item + '.'); | 25 }, 'Inheritance of the baseline-shift property, ' + item.value + '.'); |
26 }); | 26 }); |
27 </script> | 27 </script> |
OLD | NEW |