layout/reftests/display-list/1428993-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   5 <meta charset="utf-8">
   6 <title>Retained display list test</title>
   7 <style type="text/css">
   8 .box {
   9     left: 0px;
  10     top: 0px;
  11     width: 400px;
  12     height: 400px;
  13 }
  14
  15 button {
  16     position: fixed;
  17     outline: none;
  18     background-color: green;
  19     border: none;
  20 }
  21
  22 .red {
  23     position: absolute;
  24     background-color: red;
  25 }
  26
  27 .translate {
  28     transform: translateX(0px);
  29 }
  30
  31 .container {
  32     position: absolute;
  33     top: 0px;
  34     left: 0px;
  35     z-index: 1;
  36 }
  37 </style>
  38 </head>
  39
  40 <body>
  41 <div class="container">
  42     <div class="box red"></div>
  43     <button class="box" id="green"></button>
  44 </div>
  45
  46 <script type="text/javascript">
  47 function doTest() {
  48   document.getElementById("green").classList.add("translate");
  49   document.documentElement.removeAttribute("class");
  50 }
  51
  52 window.addEventListener("MozReftestInvalidate", doTest);
  53
  54 // setTimeout(doTest, 5000);
  55 </script>
  56 </body>
  57 </html>