f7eb93bff9f6c3a49733238aa0875abd2aad2869
[WebKit-https.git] / LayoutTests / imported / blink / 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>