Index: LayoutTests/fast/css/transition-shorthand-cssText.html |
diff --git a/LayoutTests/fast/css/transition-shorthand-cssText.html b/LayoutTests/fast/css/transition-shorthand-cssText.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2d392f2f029114ae517ed17547dba04f5e90f463 |
--- /dev/null |
+++ b/LayoutTests/fast/css/transition-shorthand-cssText.html |
@@ -0,0 +1,29 @@ |
+<!DOCTYPE HTML> |
+<html> |
+<style> |
+#target { |
+ transition-duration: 1s; |
+} |
+</style> |
+<div id="target"></div> |
+<script src="../../resources/js-test.js"></script> |
+ |
+<script> |
+if (window.testRunner) |
+ testRunner.dumpAsText(); |
+ |
+description("Test for Bug 310403: CssStyleDeclaration improperly sets transition shorthand when transition-duration is set."); |
+ |
+var sheet = document.styleSheets[0]; |
+var rule = sheet.rules[0]; |
+shouldBe("rule.cssText","'#target { transition-duration: 1s; -webkit-transition-duration: 1s; }'"); |
+rule.style.setProperty('transition-delay', '0s'); |
+shouldBe("rule.cssText","'#target { transition-duration: 1s; -webkit-transition-duration: 1s; transition-delay: 0s; -webkit-transition-delay: 0s; }'"); |
+rule.style.setProperty('transition-property', 'all'); |
+shouldBe("rule.cssText","'#target { transition-duration: 1s; -webkit-transition-duration: 1s; transition-delay: 0s; -webkit-transition-delay: 0s; transition-property: all; -webkit-transition-property: all; }'"); |
+rule.style.setProperty('transition-timing-function', 'ease'); |
+shouldBe("rule.cssText","'#target { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; }'"); |
+ |
+</script> |
+ |
+</html> |