| 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 |