CSS filters: fix filtered parent with animated transform child.

third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html

Index: third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html
diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-composited-child.html b/third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html
similarity index 53%
copy from third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-composited-child.html
copy to third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html
index 1332901d2af25faf0876e777faf6b78ee3e9b2eb..b0a1135c3d76bb2b6e789e272a1bb0c0b4a2218a 100644
--- a/third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-composited-child.html
+++ b/third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">
   <defs>
-    <filter id="filter" x="25%" y="0%" width="50%" height="100%">
+    <filter id="filter">
       <feComponentTransfer>
         <feFuncR type="linear" intercept="0" slope="1"/>
         <feFuncG type="linear" intercept="0" slope="0"/>
@@ -19,8 +19,28 @@
     background-color: gray;
     width: 50px;
     height: 50px;
-    transform: translate(0px, 25px);
+    transition: transform 1s;
     will-change: transform;
 }
+.trigger {
+    transform: translate(0px, 100px);
+}
 </style>
+<script>
+    if (window.testRunner) {
+        testRunner.waitUntilDone();
+    }
+
+    function triggerTransition() {
+        var child = document.getElementById('child');
+        child.className = "trigger";
+        if (window.testRunner) {
+            child.addEventListener( 
+               'transitionend', function() { testRunner.notifyDone(); });
+        }
+    }
+
+    window.addEventListener("load", triggerTransition, false);
+</script>
+
 <div id="parent"><div id="child"></div></div>