Index: LayoutTests/transitions/unprefixed-perspective-origin.html |
diff --git a/LayoutTests/transitions/unprefixed-perspective-origin.html b/LayoutTests/transitions/unprefixed-perspective-origin.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..cc12035fa6a1bd5d47ce9d49e4f3d1b8571c5d8b |
--- /dev/null |
+++ b/LayoutTests/transitions/unprefixed-perspective-origin.html |
@@ -0,0 +1,35 @@ |
+<!DOCTYPE html> |
+<div class="target">all 10ms</div><br> |
+<div class="target">perspective-origin 10ms</div><br> |
+<div class="target">-webkit-perspective-origin 10ms</div><br> |
+<div class="target">-webkit-perspective-origin-x 10ms</div><br> |
+<div class="target">-webkit-perspective-origin-y 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.webkitPerspectiveOriginX = '10px'; |
+ targets[i].style.webkitPerspectiveOriginY = '10px'; |
+ targets[i].style.perspectiveOrigin = '10px 10px'; |
+ } |
+}; |
+</script> |