src/third_party/WebKit/LayoutTests/transitions/unprefixed-transform.html

   1 <!DOCTYPE html>
   2 <div class="target">-webkit-transform 10ms</div><br>
   3 <div class="target">transform 10ms</div><br>
   4 <div class="target">transform 10ms, -webkit-transform 10ms</div><br>
   5 <div class="target">-webkit-transform 10ms, transform 10ms</div><br>
   6 <div class="target">all 10ms</div><br>
   7 <div class="target">all 10ms, -webkit-transform 10ms</div><br>
   8 <div class="target">-webkit-transform 10ms, all 10ms</div>
   9 <script>
  10 if (window.testRunner) {
  11   testRunner.dumpAsText();
  12   testRunner.waitUntilDone();
  13 }
  14
  15 document.addEventListener('transitionend', function(e) {
  16   var result = document.createElement('div');
  17   result.textContent = 'fired transitionend with propertyName: ' + e.propertyName;
  18   e.target.appendChild(result);
  19   if (window.testRunner) {
  20     // All events should be fired by next frame.
  21     requestAnimationFrame(function() {
  22       testRunner.notifyDone();
  23     });
  24   }
  25 });
  26
  27 onload = function() {
  28   var targets = document.querySelectorAll('.target');
  29   for (var i = 0; i < targets.length; i++) {
  30     targets[i].offsetTop;
  31     targets[i].style.transition = targets[i].textContent;
  32     targets[i].style.webkitTransform = 'rotate(360deg)';
  33     targets[i].style.transform = 'rotate(360deg)';
  34   }
  35 };
  36 </script>