layout/reftests/reftest-sanity/reftest-opaque-layer-wait-fail.html

   1 <!DOCTYPE html>
   2 <html lang="en" class="reftest-wait">
   3 <meta charset="utf-8">
   4 <title>The fixed layer can't be opaque in the final paint, so this test must fail.</title>
   5
   6 <style>
   7
   8 .content {
   9   box-sizing: border-box;
  10   width: 200px;
  11   height: 200px;
  12   border: 1px solid black;
  13 }
  14
  15 .fixed {
  16   position: fixed;
  17   top: 20px;
  18   left: 140px;
  19 }
  20
  21 .reftest-wait .reftest-opaque-layer {
  22   /* make the layer opaque until the final paint */
  23   background-color: white;
  24 }
  25
  26 body {
  27   height: 4000px;
  28 }
  29
  30 </style>
  31
  32 <div class="content reftest-opaque-layer"></div>
  33
  34 <div class="fixed content reftest-opaque-layer"></div>
  35
  36 <script>
  37
  38 function doTest() {
  39   document.documentElement.removeAttribute("class");
  40 }
  41 document.addEventListener("MozReftestInvalidate", doTest);
  42
  43 </script>