Web Animations API: Add layout tests for element.animate() keyframes

Web Animations API: Add layout tests for element.animate() keyframes

Adds layout tests for keyframes with the following configurations:
 - 3 keyframes with and without offsets
 - Keyframes offsets specified out of order
 - Explicit null offset value
 - Shared offset keyframes with overlapping/disjoint properties
 - Invalid keyframe offsets
 - Per keyframe easing

Fixes flaky test issues due to bug 367903 by running the tests
inside requestAnimationFrame().

BUG=367644
Committed: https://src.chromium.org/viewvc/blink?view=rev&revision=177186

[alancutter (OOO until 2018), 2014-04-29 06:03:55]

This change depends on https://codereview.chromium.org/252113002/ landing.
The test should stop crashing once https://codereview.chromium.org/251463003/
lands.

[alancutter (OOO until 2018), 2014-04-30 10:58:47]

Updated patch with more keyframe tests, rebased on unsorted offset crash fix,
PTAL.

[shans, 2014-04-30 11:46:27]

https://codereview.chromium.org/253963002/diff/80001/LayoutTests/web-animatio...
File LayoutTests/web-animations-api/w3c/resources/keyframes-test.js (right):

https://codereview.chromium.org/253963002/diff/80001/LayoutTests/web-animatio...
LayoutTests/web-animations-api/w3c/resources/keyframes-test.js:32: // avoid
flaky test results.
Considering that we want these to be w3c tests eventually, I'm uncomfortable
with this requirement.

Are we likely to be able to fix animation timeline stability during page load
script execution? Is it fundamental to the model that the timeline is unstable?

[alancutter (OOO until 2018), 2014-05-01 00:05:12]

https://codereview.chromium.org/253963002/diff/80001/LayoutTests/web-animatio...
File LayoutTests/web-animations-api/w3c/resources/keyframes-test.js (right):

https://codereview.chromium.org/253963002/diff/80001/LayoutTests/web-animatio...
LayoutTests/web-animations-api/w3c/resources/keyframes-test.js:32: // avoid
flaky test results.
On 2014/04/30 11:46:27, shans wrote:
> Considering that we want these to be w3c tests eventually, I'm uncomfortable
> with this requirement.
> 
> Are we likely to be able to fix animation timeline stability during page load
> script execution? Is it fundamental to the model that the timeline is
unstable?

It's not clear how soon the unstable animation timeline issue will take to
resolve at this stage. It's easy to remove this later, added FIXME to do so.

[alancutter (OOO until 2018), 2014-06-18 06:50:10]

Removed the RAF hack from these W3C tests, PTAL.

[alancutter (OOO until 2018), 2014-06-27 11:01:18]

On 2014/06/18 06:50:10, alancutter wrote:
> Removed the RAF hack from these W3C tests, PTAL.

Anyone on Web Animations: Poke.

[Eric Willigers, 2014-06-30 00:31:44]

lgtm with nits

https://codereview.chromium.org/253963002/diff/150001/LayoutTests/web-animati...
File LayoutTests/web-animations-api/w3c/ignored-keyframes.html (right):

https://codereview.chromium.org/253963002/diff/150001/LayoutTests/web-animati...
LayoutTests/web-animations-api/w3c/ignored-keyframes.html:13: var expectations =
{
Could add a comment that interpolation from keyframeA to keyframeB should behave
as follows

https://codereview.chromium.org/253963002/diff/150001/LayoutTests/web-animati...
LayoutTests/web-animations-api/w3c/ignored-keyframes.html:23: var
badOffsetKeyframe = createBadOffsetKeyframe(badOffset);
Please add a comment that this keyframe should be ignored due to the offset
value.

[alancutter (OOO until 2018), 2014-06-30 02:57:48]

On 2014/06/30 00:31:44, Eric Willigers wrote:
> lgtm with nits
> 
>
https://codereview.chromium.org/253963002/diff/150001/LayoutTests/web-animati...
> File LayoutTests/web-animations-api/w3c/ignored-keyframes.html (right):
> 
>
https://codereview.chromium.org/253963002/diff/150001/LayoutTests/web-animati...
> LayoutTests/web-animations-api/w3c/ignored-keyframes.html:13: var expectations
=
> {
> Could add a comment that interpolation from keyframeA to keyframeB should
behave
> as follows
> 
>
https://codereview.chromium.org/253963002/diff/150001/LayoutTests/web-animati...
> LayoutTests/web-animations-api/w3c/ignored-keyframes.html:23: var
> badOffsetKeyframe = createBadOffsetKeyframe(badOffset);
> Please add a comment that this keyframe should be ignored due to the offset
> value.

Added comment for expectations variable which encompasses both points.

[alancutter (OOO until 2018), 2014-06-30 02:59:30]

The CQ bit was checked by alancutter@chromium.org

[commit-bot: I haz the power, 2014-06-30 02:59:46]

CQ is trying da patch. Follow status at
 https://chromium-status.appspot.com/cq/alancutter@chromium.org/253963002/170001

[commit-bot: I haz the power, 2014-06-30 04:02:02]

Change committed as 177186