Index: third_party/WebKit/LayoutTests/animations/css-composite-animation-affects-use-elements.html |
diff --git a/third_party/WebKit/LayoutTests/animations/svg-animation-affects-use-elements.html b/third_party/WebKit/LayoutTests/animations/css-composite-animation-affects-use-elements.html |
similarity index 60% |
copy from third_party/WebKit/LayoutTests/animations/svg-animation-affects-use-elements.html |
copy to third_party/WebKit/LayoutTests/animations/css-composite-animation-affects-use-elements.html |
index 3fcb8adf6d103302e223bab6b3eeb268e8f7a884..1a91d9f57e2457a45bf0c457def434c80df37a41 100644 |
--- a/third_party/WebKit/LayoutTests/animations/svg-animation-affects-use-elements.html |
+++ b/third_party/WebKit/LayoutTests/animations/css-composite-animation-affects-use-elements.html |
@@ -1,4 +1,5 @@ |
<!DOCTYPE html> |
+<script src="../resources/run-after-layout-and-paint.js"></script> |
<svg> |
<defs> |
<rect x="0" y="0" width="100" height="40" id="target" fill="green" /> |
@@ -13,5 +14,11 @@ |
<use y="100" xlink:href="#use"/> |
</svg> |
<script> |
-target.animate([{'svg-x': '100'}, {'svg-x': '100'}], {fill: 'forwards'}); |
+runAfterLayoutAndPaint(function() { |
+ for (var i = 0; i < 5; ++i) |
+ target.animate([ |
+ {'x': '20px', composite: 'add'}, |
+ {'x': '20px', composite: 'add'} |
+ ], {fill: 'forwards'}); |
+}, true); |
</script> |