layout/reftests/text-decoration/1133392.html

   1 <!DOCTYPE HTML>
   2 <html class="reftest-wait">
   3 <title>reftest, bug 1133392</title>
   4 <style>
   5
   6   p:not(.state-one) > span {
   7     text-decoration: underline;
   8   }
   9
  10   p > span > span {
  11     vertical-align: -2em;
  12   }
  13
  14   p:not(.state-three) > span > span {
  15     visibility: hidden;
  16   }
  17
  18 </style>
  19
  20 <p class="state-one"><span>This text<br>
  21 has <span>an underline</span>.</span></p>
  22
  23 <script>
  24
  25   var p = document.getElementsByTagName("p")[0];
  26   p.offsetLeft; // flush layout
  27   document.getElementsByTagName('p')[0].className = 'state-two';
  28
  29   document.addEventListener("MozReftestInvalidate", step_three);
  30   function step_three(event) {
  31     document.getElementsByTagName('p')[0].className = 'state-three';
  32     document.documentElement.classList.remove("reftest-wait");
  33   }
  34
  35 </script>
  36