LayoutTests/transitions/repeated-firing-background-color.html

   1 <html>
   2 <head>
   3   <title>Testing repeated firing of background-color transition</title>
   4   <style type="text/css" media="screen">
   5     div {
   6         -webkit-transition: background-color .15s linear;
   7     }
   8     div.trans {
   9         background-color: hsla(0, 50%, 50%, 1);
  10     }
  11   </style>
  12   <script type="text/javascript" charset="utf-8">
  13     function checkRunning()
  14     {
  15       var current = layoutTestController.numberOfActiveAnimations();
  16       if (current == 0)
  17         document.getElementById('result').innerHTML = "Number of active transitions is (0) as expected";
  18       else
  19         document.getElementById('result').innerHTML = "Number of active transitions is (" + current + ") but was expecting (0)";
  20       layoutTestController.notifyDone();
  21     }
  22
  23     if (window.layoutTestController) {
  24         layoutTestController.dumpAsText();
  25         layoutTestController.waitUntilDone();
  26         window.setTimeout(checkRunning, 300);
  27     }
  28   </script>
  29 </head>
  30 <body>
  31
  32 <div id="foo">This should not be continually firing transitions</span>
  33
  34 <script type="text/javascript" charset="utf-8">
  35     document.getElementById("foo").className="trans";
  36 </script>
  37
  38 <div id="result">
  39 </div>
  40 </body>
  41 </html>