This test performs an animation of the left property with four different fill modes on two sets of objects. The first set has animations with only from and to keyframes. The second set has animations with from, to and a third keyframe at 50%. It animates over 0.1 second with a 0.1 second delay. It takes snapshots at document load and the end of the animation.
None - 2 keyframes
Backwards - 2 keyframes
Forwards - 2 keyframes
Both - 2 keyframes
Both iterating - 2 keyframes
None - 3 keyframes
Backwards - 3 keyframes
Forwards - 3 keyframes
Both - 3 keyframes
Both iterating - 3 keyframes
PASS - start of animation - id: a expected: 100 actual: 100
PASS - start of animation - id: b expected: 200 actual: 200
PASS - start of animation - id: c expected: 100 actual: 100
PASS - start of animation - id: d expected: 200 actual: 200
PASS - start of animation - id: e expected: 200 actual: 200
PASS - start of animation - id: f expected: 100 actual: 100
PASS - start of animation - id: g expected: 200 actual: 200
PASS - start of animation - id: h expected: 100 actual: 100
PASS - start of animation - id: i expected: 200 actual: 200
PASS - start of animation - id: j expected: 200 actual: 200
PASS - end of animation - id: a expected: 100 actual: 100
PASS - end of animation - id: b expected: 100 actual: 100
PASS - end of animation - id: c expected: 300 actual: 300
PASS - end of animation - id: d expected: 300 actual: 300
PASS - end of animation - id: e expected: 200 actual: 200
PASS - end of animation - id: f expected: 100 actual: 100
PASS - end of animation - id: g expected: 100 actual: 100
PASS - end of animation - id: h expected: 300 actual: 300
PASS - end of animation - id: i expected: 300 actual: 300
PASS - end of animation - id: j expected: 200 actual: 200