diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /testing/web-platform/tests/svg/animations/keysplines-x-limits.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/svg/animations/keysplines-x-limits.html')
| -rw-r--r-- | testing/web-platform/tests/svg/animations/keysplines-x-limits.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/animations/keysplines-x-limits.html b/testing/web-platform/tests/svg/animations/keysplines-x-limits.html new file mode 100644 index 0000000000..376f04e659 --- /dev/null +++ b/testing/web-platform/tests/svg/animations/keysplines-x-limits.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<title>'keySplines' with x-values outside of the 0 to 1 range</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<svg> + <rect x="10" width="10" height="10" fill="blue"> + <animate attributeName="x" values="0; 250" dur="5s"/> + </rect> + <rect x="10" width="10" height="10" y="20" fill="blue"> + <animate attributeName="x" values="0; 250" dur="5s" + keyTimes="0; 1" keySplines="-1 0 1 1" calcMode="spline"/> + </rect> + <rect x="10" width="10" height="10" y="30" fill="blue"> + <animate attributeName="x" values="0; 250" dur="5s" + keyTimes="0; 1" keySplines="2 0 1 1" calcMode="spline"/> + </rect> + <rect x="10" width="10" height="10" y="10" fill="blue"> + <animate attributeName="x" values="0; 250" dur="5s" + keyTimes="0; 1" keySplines="0 0 -1 1" calcMode="spline"/> + </rect> + <rect x="10" width="10" height="10" y="40" fill="blue"> + <animate attributeName="x" values="0; 250" dur="5s" + keyTimes="0; 1" keySplines="0 0 2 1" calcMode="spline"/> + </rect> + <rect x="10" width="10" height="10" y="50" fill="blue"> + <animateMotion values="0,50; 250,50" dur="5s" keyPoints="0; 1" + keyTimes="0; 1" keySplines="-10 0 1 1" + calcMode="spline"/> + </rect> + <rect x="10" width="10" height="10" y="60" fill="blue"> + <animateMotion values="0,60; 250,60" dur="5s" keyPoints="0; 1" + keyTimes="0; 1" keySplines="10 0 1 1" + calcMode="spline"/> + </rect> + <rect x="10" width="10" height="10" y="70" fill="blue"> + <animateMotion values="0,70; 250,70" dur="5s" keyPoints="0; 1" + keyTimes="0; 1" keySplines="0 0 -10 1" + calcMode="spline"/> + </rect> + <rect x="10" width="10" height="10" y="80" fill="blue"> + <animateMotion values="0,80; 250,80" dur="5s" keyPoints="0; 1" + keyTimes="0; 1" keySplines="0 0 10 1" + calcMode="spline"/> + </rect> +</svg> +<script> + async_test(t => { + let svg = document.querySelector('svg'); + svg.pauseAnimations(); + svg.setCurrentTime(2.5); + window.onload = t.step_func(() => { + requestAnimationFrame(t.step_func_done(() => { + let rects = document.getElementsByTagName('rect'); + assert_equals(rects[0].getBBox().x, 125, 'animations applied'); + assert_equals(rects[1].getBBox().x, 10, 'first control point x less than zero'); + assert_equals(rects[2].getBBox().x, 10, 'first control point x greater than one'); + assert_equals(rects[3].getBBox().x, 10, 'second control point x less than zero'); + assert_equals(rects[4].getBBox().x, 10, 'second control point x greater than one'); + assert_equals(rects[5].getBBox().x, 10, 'first control point x less than zero'); + assert_equals(rects[6].getBBox().x, 10, 'first control point x greater than one'); + assert_equals(rects[7].getBBox().x, 10, 'second control point x less than zero'); + assert_equals(rects[8].getBBox().x, 10, 'second control point x greater than one'); + })); + }); + }); +</script> |