| Index: LayoutTests/web-animations-api/w3c/same-offset-keyframes.html
|
| diff --git a/LayoutTests/web-animations-api/w3c/same-offset-keyframes.html b/LayoutTests/web-animations-api/w3c/same-offset-keyframes.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..03a1e062494eefd20c1ac4ba17656eba4cdf15c3
|
| --- /dev/null
|
| +++ b/LayoutTests/web-animations-api/w3c/same-offset-keyframes.html
|
| @@ -0,0 +1,52 @@
|
| +<!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', left: '0px'},
|
| + {opacity: '0.5', left: '50px', offset: 0.5},
|
| + {opacity: '0', left: '0px', offset: 0.5},
|
| + {opacity: '0.75', left: '75px', offset: 0.5},
|
| + {opacity: '0.25', left: '25px'},
|
| + ], {
|
| + 0.25: {opacity: '0.25', left: '25px'},
|
| + 0.5: {opacity: '0.75', left: '75px'},
|
| + 0.75: {opacity: '0.5', left: '50px'},
|
| + })
|
| +},
|
| +'element.animate() with keyframes at the same offset with overlapping properties',
|
| +{
|
| + help: 'http://dev.w3.org/fxtf/web-animations/#the-unaccumulated-animation-value-of-a-keyframe-animation-effect',
|
| + assert: [
|
| + 'element.animate() should start an animation when keyframes have equal offset values.',
|
| + 'The overlapping properties in the equal offset keyframes should see a disjoint',
|
| + 'interpolation pattern at the offset relative to the ordering of the keyframes.',
|
| + ],
|
| + author: 'Alan Cutter',
|
| +});
|
| +
|
| +test(function() {
|
| + assertAnimationStyles([
|
| + {opacity: '0', left: '0px'},
|
| + {opacity: '0.75', offset: 0.5},
|
| + {left: '75px', offset: 0.5},
|
| + {opacity: '0.25', left: '25px'},
|
| + ], {
|
| + 0.25: {opacity: '0.375', left: '37.5px'},
|
| + 0.5: {opacity: '0.75', left: '75px'},
|
| + 0.75: {opacity: '0.5', left: '50px'},
|
| + })
|
| +},
|
| +'element.animate() with keyframes at the same offset with disjoint properties',
|
| +{
|
| + help: 'http://dev.w3.org/fxtf/web-animations/#the-unaccumulated-animation-value-of-a-keyframe-animation-effect',
|
| + assert: [
|
| + 'element.animate() should start an animation when keyframes have equal offset values.',
|
| + 'If the properties of the equal offset keyframes are disjoint then the animation should',
|
| + 'be equivalent to having a single keyframe at that offset (assuming the easings are equal too).',
|
| + ],
|
| + 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