layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   4 <style>
   5 .wrapper {
   6   width: 810vw;
   7   transform: translateX(-50%);
   8   height: 90vh;
   9 }
  10 .slides {
  11   will-change: transform;
  12 }
  13 .button {
  14   background-color: red;
  15   position: absolute;
  16   left: 50%;
  17 }
  18 </style>
  19 <div class="wrapper">
  20   <div class="slides">
  21     <span class="button">Add to cart</span>
  22   </div>
  23 </div>
  24 <script>
  25 document.addEventListener("MozReftestInvalidate", () => {
  26   document.querySelector(".button").style.backgroundColor = "green";
  27   document.documentElement.classList.remove("reftest-wait");
  28 }, { once: true });
  29 </script>
  30 </html>