layout/style/crashtests/1378064-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <title></title>
   4 <style>
   5 @keyframes anim {
   6   to { transform: rotate(360deg); }
   7 }
   8 span {
   9   color: black;
  10   animation: anim 3s infinite;
  11 }
  12 span.red {
  13   color: red;
  14 }
  15 </style>
  16 <div>
  17 <span id="target">text</span>
  18 <span>text</span>
  19 </div>
  20 <script>
  21 window.addEventListener('load', () => {
  22   var target = document.getElementById('target');
  23   target.classList.add('red');
  24   requestAnimationFrame(() => {
  25     target.classList.remove('red');
  26     SpecialPowers.getDOMWindowUtils(window)
  27                  .sendMouseEvent("mousemove", 100, 100, 1,
  28                                  0, 1, 0);
  29     requestAnimationFrame(() => {
  30       document.documentElement.classList.remove("reftest-wait");
  31     });
  32   });
  33
  34   SpecialPowers.getDOMWindowUtils(window)
  35                .sendMouseEvent("mousemove", 100, 100, 1,
  36                                0, 1, 0);
  37 });
  38 </script>