Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-inline-style.html |
diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-inline-style.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-inline-style.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a7e664516fad46fd206fae44093968650c089cc8 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-inline-style.html |
@@ -0,0 +1,73 @@ |
+<!-- |
+Copyright 2013 Google Inc. All Rights Reserved. |
+ |
+Licensed under the Apache License, Version 2.0 (the "License"); |
+you may not use this file except in compliance with the License. |
+You may obtain a copy of the License at |
+ |
+ http://www.apache.org/licenses/LICENSE-2.0 |
+ |
+Unless required by applicable law or agreed to in writing, software |
+distributed under the License is distributed on an "AS IS" BASIS, |
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
+See the License for the specific language governing permissions and |
+limitations under the License. |
+--> |
+ |
+<!doctype html> |
+<style> |
+#target { |
+ background-color: lightsteelblue; |
+ width: 50px; |
+ height: 50px; |
+ position: absolute; |
+ left: 0px; |
+} |
+ |
+#spacer { |
+ height: 100px; |
+} |
+</style> |
+ |
+ |
+<div id="target"></div> |
+<div id="spacer"></div> |
+ |
+<script> |
+var expected_failures = { |
+}; |
+</script> |
+<script src="../bootstrap.js"></script> |
+<script> |
+'use strict'; |
+ |
+var target = document.querySelector('#target'); |
+ |
+document.timeline.play(new Animation(target, {left: '100px', composite: 'add'}, {duration: 1, iterations: 2, direction: 'alternate'})); |
+ |
+at(0.5, function() { |
+ assert_equals(0, target.style.length); |
+ assert_equals('', target.style.left); |
+}); |
+ |
+testharness_timeline.schedule(function() { |
+ target.style.left = '50px'; |
+ assert_styles(target, {left: '150px'}, 'getComputedStyle() should return correct value after setting inline style.'); |
+}, 1000); |
+ |
+at(1.5, function() { |
+ assert_equals(1, target.style.length); |
+ assert_equals('50px', target.style.left); |
+}); |
+ |
+testharness_timeline.schedule(function() { |
+ target.style.cssText = 'left: 100px; background-color: green;'; |
+}, 2500); |
+ |
+at(3, function() { |
+ assert_equals(2, target.style.length); |
+ assert_equals('100px', target.style.left); |
+ assert_not_equals('', target.style.backgroundColor); |
+}); |
+ |
+</script> |