Web Animations CSS: Support Animation of StyleImage and LengthBox

LayoutTests/animations/interpolation/clip-interpolation-expected.txt

Index: LayoutTests/animations/interpolation/clip-interpolation-expected.txt
diff --git a/LayoutTests/animations/interpolation/clip-interpolation-expected.txt b/LayoutTests/animations/interpolation/clip-interpolation-expected.txt
new file mode 100644
index 0000000000000000000000000000000000000000..090fe82097e755f31ccf848ca344953e14332097
--- /dev/null
+++ b/LayoutTests/animations/interpolation/clip-interpolation-expected.txt
@@ -0,0 +1,8 @@
+clip from [rect(0px, 75px, 80px, 10px)] to [rect(0px, 100px, 90px, 5px)] was [rect(0px 50px 70px 15px)] at -1
+clip from [rect(0px, 75px, 80px, 10px)] to [rect(0px, 100px, 90px, 5px)] was [rect(0px 75px 80px 10px)] at 0
+clip from [rect(0px, 75px, 80px, 10px)] to [rect(0px, 100px, 90px, 5px)] was [rect(0px 87.5px 85px 7.5px)] at 0.5
+clip from [rect(0px, 75px, 80px, 10px)] to [rect(0px, 100px, 90px, 5px)] was [rect(0px 100px 90px 5px)] at 1
+clip from [rect(0px, 75px, 80px, 10px)] to [rect(0px, 100px, 90px, 5px)] was [rect(0px 112.5px 95px 2.5px)] at 1.5
+clip from [rect(auto, auto, auto, 10px)] to [rect(20px, 50px, 50px, auto)] was [rect(20px 50px 50px 0px)] at 0.4

[Timothy Loh, 2013/08/27 05:48:17]

Why is this right? Shouldn't we have rect(auto, auto, auto, 10px) here?
(Actually it looks like we don't handle getComputedStyle for auto components
correctly, so rect(0px, 0px, 0px, 10px)). Also we might want a test where there
are both unmatched (auto/px) pairs and matched (px/px) pairs.

[Timothy Loh, 2013/08/27 05:59:54]

Also we probably want to test animating from auto to rect(...) and vice versa. I
suspect we may be doing the wrong thing in these cases since we aren't calling
setHasClip anywhere here (the StyleBuilder should setHasClip(false) when you
pass it auto, but we won't be setting it to true when we setClip(...) after the
50% step).

[dstockwell, 2013/08/27 06:26:23]

This is just the expectation, it's not right. The existing implementation steps
at 0% not 50%.

Our results are in the virtual/web-animations-css directory.
Done.

[dstockwell, 2013/08/27 06:26:23]

That's why I was setting the clip: property on all elements ahead of the
animation. I've added a test for this behavior. We currently match the existing
implementation but should be able to fix both at the same time.

+clip from [rect(auto, auto, auto, 10px)] to [rect(20px, 50px, 50px, auto)] was [rect(20px 50px 50px 0px)] at 0.6
+