layout/reftests/native-theme/checkbox-dynamic-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4   <style>
   5     #checkbox {
   6        position: absolute;
   7        left: 0px;
   8        top: 0px;
   9        background: linear-gradient(to right, white, brown);
  10     }
  11     #toremove {
  12        position: absolute;
  13        left: 0px;
  14        top: 0px;
  15        width: 100px;
  16        height: 0px;
  17        background: black;
  18     }
  19   </style>
  20 </head>
  21 <body>
  22   <div id="checkbox">
  23     <input type="checkbox">
  24   </div>
  25   <div id="toremove">
  26   </div>
  27 </body>
  28 <script type="text/javascript">
  29   var checkBox = document.getElementById("checkbox");
  30   var toRemove = document.getElementById("toremove");
  31   toRemove.style.height = checkBox.offsetHeight / 2 + 0.2 + "px";
  32   function boom()
  33   {
  34     toRemove.remove();
  35     document.documentElement.className = "";
  36   }
  37   window.addEventListener("MozReftestInvalidate", boom);
  38 </script>
  39 </html>