third_party/WebKit/LayoutTests/svg/css/baseline-shift-inherit.html

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