| Index: third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-dx-dy-length-list-composition.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-dx-dy-length-list-composition.html b/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-dx-dy-length-list-composition.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f8550d19553b1667ce128ef6589b2892ecc81a88
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-dx-dy-length-list-composition.html
|
| @@ -0,0 +1,135 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<body>
|
| +<template id="target-template">
|
| + <svg width="0" height="0">
|
| + <text class="target">123</text>
|
| + </svg>
|
| +</template>
|
| +<script src="../svg-attribute-interpolation/resources/interpolation-test.js"></script>
|
| +<script>
|
| +'use strict';
|
| +assertAttributeInterpolation({
|
| + property: 'dx',
|
| + underlying: '2',
|
| + from: '-1',
|
| + fromComposite: 'add',
|
| + to: '4',
|
| + toComposite: 'add'
|
| +}, [
|
| + {at: -0.4, is: '-1'},
|
| + {at: 0, is: '1'},
|
| + {at: 0.2, is: '2'},
|
| + {at: 0.6, is: '4'},
|
| + {at: 1, is: '6'},
|
| + {at: 1.4, is: '8'},
|
| +]);
|
| +assertAttributeInterpolation({
|
| + property: 'dy',
|
| + underlying: '2 2',
|
| + from: '-1 -4',
|
| + fromComposite: 'add',
|
| + to: '4 -14',
|
| + toComposite: 'add'
|
| +}, [
|
| + {at: -0.4, is: '-1 2'},
|
| + {at: 0, is: '1 -2'},
|
| + {at: 0.2, is: '2 -4'},
|
| + {at: 0.6, is: '4 -8'},
|
| + {at: 1, is: '6 -12'},
|
| + {at: 1.4, is: '8 -16'},
|
| +]);
|
| +
|
| +assertAttributeInterpolation({
|
| + property: 'dx',
|
| + underlying: '2',
|
| + from: '1',
|
| + fromComposite: 'replace',
|
| + to: '4',
|
| + toComposite: 'add'
|
| +}, [
|
| + {at: -0.4, is: '-1'},
|
| + {at: 0, is: '1'},
|
| + {at: 0.2, is: '2'},
|
| + {at: 0.6, is: '4'},
|
| + {at: 1, is: '6'},
|
| + {at: 1.4, is: '8'},
|
| +]);
|
| +assertAttributeInterpolation({
|
| + property: 'dy',
|
| + underlying: '2 2',
|
| + from: '1 -2',
|
| + fromComposite: 'replace',
|
| + to: '4 -14',
|
| + toComposite: 'add'
|
| +}, [
|
| + {at: -0.4, is: '-1 2'},
|
| + {at: 0, is: '1 -2'},
|
| + {at: 0.2, is: '2 -4'},
|
| + {at: 0.6, is: '4 -8'},
|
| + {at: 1, is: '6 -12'},
|
| + {at: 1.4, is: '8 -16'},
|
| +]);
|
| +
|
| +assertAttributeInterpolation({
|
| + property: 'dx',
|
| + underlying: '1',
|
| + from: neutralKeyframe,
|
| + to: '6',
|
| + toComposite: 'replace'
|
| +}, [
|
| + {at: -0.4, is: '-1'},
|
| + {at: 0, is: '1'},
|
| + {at: 0.2, is: '2'},
|
| + {at: 0.6, is: '4'},
|
| + {at: 1, is: '6'},
|
| + {at: 1.4, is: '8'},
|
| +]);
|
| +assertAttributeInterpolation({
|
| + property: 'dy',
|
| + underlying: '1 -2',
|
| + from: neutralKeyframe,
|
| + to: '6 -12',
|
| + toComposite: 'replace'
|
| +}, [
|
| + {at: -0.4, is: '-1 2'},
|
| + {at: 0, is: '1 -2'},
|
| + {at: 0.2, is: '2 -4'},
|
| + {at: 0.6, is: '4 -8'},
|
| + {at: 1, is: '6 -12'},
|
| + {at: 1.4, is: '8 -16'},
|
| +]);
|
| +
|
| +assertAttributeInterpolation({
|
| + property: 'dx',
|
| + underlying: '1',
|
| + from: '2 3',
|
| + fromComposite: 'add',
|
| + to: '4 5 6',
|
| + toComposite: 'add'
|
| +}, [
|
| + {at: -0.4, is: '2 3'},
|
| + {at: 0, is: '2 3'},
|
| + {at: 0.2, is: '2 3'},
|
| + {at: 0.6, is: '4 5 6'},
|
| + {at: 1, is: '4 5 6'},
|
| + {at: 1.4, is: '4 5 6'},
|
| +]);
|
| +assertAttributeInterpolation({
|
| + property: 'dy',
|
| + underlying: '1 2',
|
| + from: '3',
|
| + fromComposite: 'add',
|
| + to: '4 5 6',
|
| + toComposite: 'add'
|
| +}, [
|
| + {at: -0.4, is: '3'},
|
| + {at: 0, is: '3'},
|
| + {at: 0.2, is: '3'},
|
| + {at: 0.6, is: '4 5 6'},
|
| + {at: 1, is: '4 5 6'},
|
| + {at: 1.4, is: '4 5 6'},
|
| +]);
|
| +</script>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 1587533002:
Add composition support for SVG Web Animation of x, y, dx, dy attributes (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master