third_party/WebKit/LayoutTests/animations/animation-add-events-in-handler.html

   1 <!DOCTYPE html>
   2 <script>
   3 if (window.testRunner) {
   4     testRunner.dumpAsText();
   5     testRunner.waitUntilDone();
   6 }
   7
   8 function touchElement(evt) {
   9     getComputedStyle(evt.srcElement.firstElementChild)['-webkit-animation-duration'];
  10     evt.srcElement.firstElementChild.style.display = 'block';
  11     total++;
  12     if (total == 500) {
  13         document.getElementById("results").innerHTML = "PASS: Adding animation events in the handler did not crash.";
  14         if (window.testRunner)
  15           testRunner.notifyDone();
  16     }
  17 }
  18
  19 window.onload = function() {
  20     total = 0;
  21     var padding = document.getElementsByClassName("padding");
  22     for (var i = 0; i < padding.length; i++)
  23         padding[i].addEventListener('webkitAnimationIteration', touchElement, false, false);
  24 };
  25 </script>
  26 <style>
  27 @-webkit-keyframes keyframes {
  28     from { }
  29 }
  30
  31 .crash {
  32     -webkit-animation-name: keyframes;
  33 }
  34
  35 .padding {
  36     -webkit-animation-name: keyframes;
  37     -webkit-animation-iteration-count: infinite;
  38     -webkit-animation-duration: 0.001s;
  39 }
  40 </style>
  41 <div id="results">
  42 <div class="padding">
  43 <div class="padding">
  44 <div class="padding">
  45 <div class="padding">
  46 <div class="padding">
  47 <div class="padding">
  48 <div class="padding">
  49 <div class="padding">
  50 <div class="padding">
  51 <div class="padding">
  52 <div class="padding">
  53 <div class="padding">
  54 <div class="padding">
  55 <div class="padding">
  56 <div class="padding">
  57 <div class="padding">
  58 <div class="padding">
  59 <img class="crash">