summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html')
-rw-r--r--testing/web-platform/tests/css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html27
1 files changed, 20 insertions, 7 deletions
diff --git a/testing/web-platform/tests/css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html b/testing/web-platform/tests/css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html
index 7254951db3..b8b24935c3 100644
--- a/testing/web-platform/tests/css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html
+++ b/testing/web-platform/tests/css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html
@@ -1,8 +1,7 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>width: calc-size() animations</title>
-<link rel="help" href="https://drafts.csswg.org/css-values-5/">
-<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/626#issuecomment-1800254442">
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#calc-size">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
@@ -28,16 +27,30 @@
<script>
test_interpolation({
property: 'width',
+ from: 'calc-size(auto, size)',
+ to: 'calc-size(auto, size * 2)',
+ }, [
+ { at: -0.25, expect: '150px' },
+ { at: 0, expect: '200px' },
+ { at: 0.25, expect: '250px' },
+ { at: 0.5, expect: '300px' },
+ { at: 0.75, expect: '350px' },
+ { at: 1, expect: '400px' },
+ { at: 1.25, expect: '450px' },
+ ]);
+
+ test_interpolation({
+ property: 'width',
from: neutralKeyframe,
to: 'calc-size(auto, size * 2)',
}, [
{ at: -0.25, expect: '150px' },
{ at: 0, expect: '200px' },
- { at: 0.25, expect: 'calc-size(auto, size * 1.25)' },
- { at: 0.5, expect: 'calc-size(auto, size * 1.5)' },
- { at: 0.75, expect: 'calc-size(auto, size * 1.75)' },
- { at: 1, expect: 'calc-size(auto, size * 2)' },
- { at: 1.25, expect: 'calc-size(auto, size * 2.25)' },
+ { at: 0.25, expect: '250px' },
+ { at: 0.5, expect: '300px' },
+ { at: 0.75, expect: '350px' },
+ { at: 1, expect: '400px' },
+ { at: 1.25, expect: '450px' },
]);
test_interpolation({