layout/reftests/css-transitions/transitions-inline-rewrap-1.html

   1 <html class="reftest-wait">
   2 <title>Test for CSS transitions and re-wrapping of inlines</title>
   3 <style type="text/css">
   4 #test { transition: 5s color linear 200s; }
   5 </style>
   6 <script type="text/javascript">
   7
   8 window.onload = run;
   9
  10 function run() {
  11   var test = document.getElementById("test");
  12   var unused = test.offsetWidth;
  13   test.style.color = "red";
  14   unused = test.offsetWidth;
  15   test.parentNode.style.width = "3em";
  16   unused = test.offsetWidth;
  17   document.documentElement.removeAttribute("class");
  18 }
  19
  20 </script>
  21 <div style="width: 50em">
  22 <span id="test" style="color: green">
  23 This is some text with a transition.
  24 </span>
  25 </div>