| Index: LayoutTests/web-animations-api/w3c/2-keyframes-with-offsets.html
|
| diff --git a/LayoutTests/web-animations-api/w3c/2-keyframes-with-offsets.html b/LayoutTests/web-animations-api/w3c/2-keyframes-with-offsets.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..978bf715e435766e4fd7543f2882525d6db8222e
|
| --- /dev/null
|
| +++ b/LayoutTests/web-animations-api/w3c/2-keyframes-with-offsets.html
|
| @@ -0,0 +1,53 @@
|
| +<!DOCTYPE html>
|
| +<script src="../../resources/testharness.js"></script>
|
| +<script src="../../resources/testharnessreport.js"></script>
|
| +<script src="resources/keyframes-test.js"></script>
|
| +<script>
|
| +test(function() {
|
| + assertAnimationStyles([
|
| + {opacity: '0.25', left: '25px', offset: 0},
|
| + {opacity: '0.75', left: '75px'},
|
| + ], {
|
| + 0.5: {opacity: '0.5', left: '50px'},
|
| + });
|
| + assertAnimationStyles([
|
| + {opacity: '0.25', left: '25px'},
|
| + {opacity: '0.75', left: '75px', offset: 1},
|
| + ], {
|
| + 0.5: {opacity: '0.5', left: '50px'},
|
| + });
|
| +},
|
| +'element.animate() with 2 keyframes and 1 offset specified',
|
| +{
|
| + help: 'http://dev.w3.org/fxtf/web-animations/#keyframe-animation-effects',
|
| + assert: [
|
| + 'element.animate() should start an animation when two keyframes',
|
| + 'are provided with matching properties and one offset is specified.',
|
| + ],
|
| + author: 'Alan Cutter',
|
| +});
|
| +
|
| +test(function() {
|
| + assertAnimationStyles([
|
| + {opacity: '0.25', left: '25px', offset: 0},
|
| + {opacity: '0.75', left: '75px', offset: 1},
|
| + ], {
|
| + 0.5: {opacity: '0.5', left: '50px'},
|
| + });
|
| + assertAnimationStyles([
|
| + {opacity: '0.75', left: '75px', offset: 1},
|
| + {opacity: '0.25', left: '25px', offset: 0},
|
| + ], {
|
| + 0.5: {opacity: '0.5', left: '50px'},
|
| + });
|
| +},
|
| +'element.animate() with 2 keyframes and 2 offsets specified',
|
| +{
|
| + help: 'http://dev.w3.org/fxtf/web-animations/#keyframe-animation-effects',
|
| + assert: [
|
| + 'element.animate() should start an animation when two keyframes',
|
| + 'are provided with matching properties and both offsets specified.',
|
| + ],
|
| + author: 'Alan Cutter',
|
| +});
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 253963002:
Web Animations API: Add layout tests for element.animate() keyframes (Closed)
Base URL: svn://svn.chromium.org/blink/trunk