Bug 1907178 [wpt PR 47079] - Implement CSS side of support for interp…

…olate-size CSS property., a=testonly Automatic update from web-platform-tests Implement CSS side of support for interpolate-size CSS property. This implements the CSS side of support for the interpolate-size CSS property that was agreed on in w3c/csswg-drafts#10294 and has a draft specification at https://drafts.csswg.org/css-values-5/#interpolate-size . This is part of https://chromestatus.com/feature/5196713071738880 . Making the property do something will be in a later CL. This property is behind the CSSCalcSizeFunction feature. Bug: 313072, 346977015 Change-Id: I49a01926866a4bae87bf88ace3c0b0119685ae51 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5640542 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Commit-Queue: David Baron <dbaron@chromium.org> Cr-Commit-Position: refs/heads/main@{#1325755} -- wpt-commits: 26f8c09fff3d397171413f671a490453d67061d9 wpt-pr: 47079
erichdongubler-mozilla · Jul 15, 2024 · e7d9f30 · e7d9f30
1 parent a8eb5ce
commit e7d9f30
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 0 deletions.
diff --git a/...web-platform/tests/css/css-values/calc-size/animation/interpolate-size-interpolation.html b/...web-platform/tests/css/css-values/calc-size/animation/interpolate-size-interpolation.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>interpolate-size animations</title>
+<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>
+<script src="/css/support/interpolation-testcommon.js"></script>
+<body>
+<script>
+  test_not_animatable({
+    property: 'interpolate-size',
+    from: 'numeric-only',
+    to: 'allow-keywords',
+    underlying: 'numeric-only',
+  });
+  test_not_animatable({
+    property: 'interpolate-size',
+    from: 'allow-keywords',
+    to: 'numeric-only',
+    underlying: 'numeric-only',
+  });
+</script>
diff --git a/testing/web-platform/tests/css/css-values/calc-size/interpolate-size-computed.html b/testing/web-platform/tests/css/css-values/calc-size/interpolate-size-computed.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>The interpolate-size property: computed values</title>
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#interpolate-size">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+<div id="target"></div>
+<script>
+test_computed_value('interpolate-size', 'numeric-only');
+test_computed_value('interpolate-size', 'allow-keywords');
+</script>
diff --git a/testing/web-platform/tests/css/css-values/calc-size/interpolate-size-parsing.html b/testing/web-platform/tests/css/css-values/calc-size/interpolate-size-parsing.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>The interpolate-size property: parsing</title>
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#interpolate-size">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value('interpolate-size', 'numeric-only');
+test_valid_value('interpolate-size', 'allow-keywords');
+
+test_invalid_value('interpolate-size', 'auto');
+test_invalid_value('interpolate-size', 'none');
+test_invalid_value('interpolate-size', '100%');
+</script>