[css-anchor-position] Add interpolation tests for all properties
Bug: 40059176
Change-Id: I9d6a398c57086b9437c43f841f050751cc06675d
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5273510
Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org>
Auto-Submit: Rune Lillesveen <futhark@chromium.org>
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1258367}
diff --git a/css/css-anchor-position/property-interpolations.html b/css/css-anchor-position/property-interpolations.html
new file mode 100644
index 0000000..878f463
--- /dev/null
+++ b/css/css-anchor-position/property-interpolations.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Anchor Positioning Test: Interpolation of anchor related properties</title>
+<link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+<body>
+<script>
+ test_no_interpolation({
+ property: 'anchor-name',
+ from: 'none',
+ to: '--foo',
+ });
+ test_no_interpolation({
+ property: 'anchor-name',
+ from: '--foo',
+ to: '--bar',
+ });
+
+ test_no_interpolation({
+ property: 'anchor-default',
+ from: 'implicit',
+ to: '--foo',
+ });
+ test_no_interpolation({
+ property: 'anchor-default',
+ from: '--foo',
+ to: '--bar',
+ });
+
+ test_no_interpolation({
+ property: 'inset-area',
+ from: 'none',
+ to: 'center',
+ });
+ test_no_interpolation({
+ property: 'inset-area',
+ from: 'left',
+ to: 'right',
+ });
+
+ test_no_interpolation({
+ property: 'position-try-options',
+ from: 'none',
+ to: '--foo',
+ });
+ test_no_interpolation({
+ property: 'position-try-options',
+ from: 'none',
+ to: 'flip-block',
+ });
+ test_no_interpolation({
+ property: 'position-try-options',
+ from: 'flip-inline',
+ to: 'flip-block',
+ });
+ test_no_interpolation({
+ property: 'position-try-options',
+ from: '--foo',
+ to: '--bar',
+ });
+ test_no_interpolation({
+ property: 'position-try-options',
+ from: '--foo',
+ to: 'flip-block',
+ });
+
+ test_no_interpolation({
+ property: 'position-try-order',
+ from: 'normal',
+ to: 'most-width',
+ });
+ test_no_interpolation({
+ property: 'position-try-order',
+ from: 'most-width',
+ to: 'most-height',
+ });
+
+ test_no_interpolation({
+ property: 'position-fallback-bounds',
+ from: 'normal',
+ to: '--foo',
+ });
+ test_no_interpolation({
+ property: 'position-fallback-bounds',
+ from: '--foo',
+ to: '--bar',
+ });
+</script>
