Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(193)

Unified Diff: LayoutTests/transitions/unprefixed-transform.html

Issue 98663004: Add support for unprefixed CSS Transforms (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebase. Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/transitions/unprefixed-transform.html
diff --git a/LayoutTests/transitions/unprefixed-transform.html b/LayoutTests/transitions/unprefixed-transform.html
new file mode 100644
index 0000000000000000000000000000000000000000..f7eb93bff9f6c3a49733238aa0875abd2aad2869
--- /dev/null
+++ b/LayoutTests/transitions/unprefixed-transform.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div class="target">-webkit-transform 10ms</div><br>
+<div class="target">transform 10ms</div><br>
+<div class="target">transform 10ms, -webkit-transform 10ms</div><br>
+<div class="target">-webkit-transform 10ms, transform 10ms</div><br>
+<div class="target">all 10ms</div><br>
+<div class="target">all 10ms, -webkit-transform 10ms</div><br>
+<div class="target">-webkit-transform 10ms, all 10ms</div>
+<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.webkitTransform = 'rotate(360deg)';
+ targets[i].style.transform = 'rotate(360deg)';
+ }
+};
+</script>

Powered by Google App Engine
This is Rietveld 408576698