| Index: third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-targetX-targetY-composition.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-targetX-targetY-composition.html b/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-targetX-targetY-composition.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5846a1b77c55197ec9b28358cc10dc8b51ef3f61
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-targetX-targetY-composition.html
|
| @@ -0,0 +1,110 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<body>
|
| +<template id="target-template">
|
| +<svg width="90" height="90">
|
| +<feConvolveMatrix class="target" />
|
| +</svg>
|
| +</template>
|
| +<script src="../svg-attribute-interpolation/resources/interpolation-test.js"></script>
|
| +<script>
|
| +'use strict';
|
| +assertAttributeInterpolation({
|
| + property: 'targetX',
|
| + underlying: '128',
|
| + fromComposite: 'add',
|
| + from: '-32',
|
| + toComposite: 'add',
|
| + to: '1029'
|
| +}, [
|
| + {at: -0.4, is: -328},
|
| + {at: 0, is: 96},
|
| + {at: 0.2, is: 308},
|
| + {at: 0.6, is: 733},
|
| + {at: 1, is: 1157},
|
| + {at: 1.4, is: 1581}
|
| +]);
|
| +
|
| +assertAttributeInterpolation({
|
| + property: 'targetX',
|
| + underlying: '-37',
|
| + fromComposite: 'replace',
|
| + from: '18',
|
| + toComposite: 'add',
|
| + to: '1'
|
| +}, [
|
| + {at: -0.4, is: 40},
|
| + {at: 0, is: 18},
|
| +
|
| + {at: 0.6, is: -14},
|
| + {at: 1, is: -36},
|
| + {at: 1.4, is: -58}
|
| +]);
|
| +
|
| +assertAttributeInterpolation({
|
| + property: 'targetX',
|
| + underlying: '2',
|
| + fromComposite: 'add',
|
| + from: '',
|
| + toComposite: 'replace',
|
| + to: '-99'
|
| +}, [
|
| + {at: -0.4, is: 42},
|
| + {at: 0, is: 2},
|
| + {at: 0.2, is: -18},
|
| + {at: 0.6, is: -59},
|
| + {at: 1, is: -99},
|
| + {at: 1.4, is: -139}
|
| +]);
|
| +
|
| +
|
| +assertAttributeInterpolation({
|
| + property: 'targetY',
|
| + underlying: '128',
|
| + fromComposite: 'add',
|
| + from: '-32',
|
| + toComposite: 'add',
|
| + to: '1029'
|
| +}, [
|
| + {at: -0.4, is: -328},
|
| + {at: 0, is: 96},
|
| + {at: 0.2, is: 308},
|
| + {at: 0.6, is: 733},
|
| + {at: 1, is: 1157},
|
| + {at: 1.4, is: 1581}
|
| +]);
|
| +
|
| +assertAttributeInterpolation({
|
| + property: 'targetY',
|
| + underlying: '-37',
|
| + fromComposite: 'replace',
|
| + from: '18',
|
| + toComposite: 'add',
|
| + to: '1'
|
| +}, [
|
| + {at: -0.4, is: 40},
|
| + {at: 0, is: 18},
|
| +
|
| + {at: 0.6, is: -14},
|
| + {at: 1, is: -36},
|
| + {at: 1.4, is: -58}
|
| +]);
|
| +
|
| +assertAttributeInterpolation({
|
| + property: 'targetY',
|
| + underlying: '2',
|
| + fromComposite: 'add',
|
| + from: '',
|
| + toComposite: 'replace',
|
| + to: '-99'
|
| +}, [
|
| + {at: -0.4, is: 42},
|
| + {at: 0, is: 2},
|
| + {at: 0.2, is: -18},
|
| + {at: 0.6, is: -59},
|
| + {at: 1, is: -99},
|
| + {at: 1.4, is: -139}
|
| +]);
|
| +</script>
|
| +</body>
|
| +</html>
|
|
|