| 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 |
| |