Index: LayoutTests/transitions/unprefixed-perspective.html |
diff --git a/LayoutTests/transitions/unprefixed-perspective.html b/LayoutTests/transitions/unprefixed-perspective.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5545d9461a4514a05eea9ca6ed1aa48c4a9d1233 |
--- /dev/null |
+++ b/LayoutTests/transitions/unprefixed-perspective.html |
@@ -0,0 +1,32 @@ |
+<!DOCTYPE html> |
+<div class="target">all 10ms</div><br> |
+<div class="target">perspective 10ms</div><br> |
+<div class="target">-webkit-perspective 10ms</div><br> |
+<script> |
+if (window.testRunner) { |
+ testRunner.dumpAsText(); |
+ testRunner.waitUntilDone(); |
+} |
+ |
+document.addEventListener('transitionend', function(e) { |
+ var result = document.createElement('div'); |
+ result.textContent = 'fired transitionend with propertyName: ' + e.propertyName; |
+ e.target.appendChild(result); |
+ if (window.testRunner) { |
+ // All events should be fired by next frame. |
+ requestAnimationFrame(function() { |
+ testRunner.notifyDone(); |
+ }); |
+ } |
+}); |
+ |
+onload = function() { |
+ var targets = document.querySelectorAll('.target'); |
+ for (var i = 0; i < targets.length; i++) { |
+ targets[i].offsetTop; |
+ targets[i].style.transition = targets[i].textContent; |
+ targets[i].style.webkitPerspective = '10px'; |
+ targets[i].style.perspective = '10px'; |
+ } |
+}; |
+</script> |