Simplify arithmetic operations on calc-size() during animation.

This tries to ensure that math done by the animation code keeps
calc-size() at the top level of an expression rather than creating
arithmetic operations containing calc-size() expressions.  This is a
step towards following the spec's rules that calc-size() cannot be
nested within calc() expressions.  It also makes it easier for animation
code to examine calc-size() values since they are always at the top
level of the expression.

Bug: 313072
Change-Id: I37ca94bcf3c0897f83fa84ed56f367522dc5c5e7
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5374566
Reviewed-by: Daniil Sakhapov <[email protected]>
Commit-Queue: David Baron <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1275978}

Author: dbaron

Diff for: css/css-sizing/animation/height-interpolation.html

@@ -109,4 +109,16 @@
   to: 'stretch',
 });
 
+test_no_interpolation({
+  property: 'height',
+  from: 'max-content',
+  to: neutralKeyframe,
+});
+
+test_no_interpolation({
+  property: 'height',
+  from: neutralKeyframe,
+  to: 'fit-content',
+});
+
 </script>

Diff for: css/css-sizing/animation/max-height-interpolation.html

@@ -109,4 +109,16 @@
   to: 'min-content',
 });
 
+test_no_interpolation({
+  property: 'max-height',
+  from: 'min-content',
+  to: neutralKeyframe,
+});
+
+test_no_interpolation({
+  property: 'max-height',
+  from: neutralKeyframe,
+  to: 'max-content',
+});
+
 </script>

Diff for: css/css-sizing/animation/max-width-interpolation.html

@@ -102,4 +102,16 @@
   to: 'min-content',
 });
 
+test_no_interpolation({
+  property: 'max-width',
+  from: 'min-content',
+  to: neutralKeyframe,
+});
+
+test_no_interpolation({
+  property: 'max-width',
+  from: neutralKeyframe,
+  to: 'fit-content',
+});
+
 </script>

Diff for: css/css-sizing/animation/min-height-interpolation.html

@@ -102,4 +102,16 @@
   to: 'stretch',
 });
 
+test_no_interpolation({
+  property: 'min-height',
+  from: 'fit-content',
+  to: neutralKeyframe,
+});
+
+test_no_interpolation({
+  property: 'min-height',
+  from: neutralKeyframe,
+  to: 'min-content',
+});
+
 </script>

Diff for: css/css-sizing/animation/min-width-interpolation.html

@@ -101,4 +101,16 @@
   to: 'max-content',
 });
 
+test_no_interpolation({
+  property: 'min-width',
+  from: 'fit-content',
+  to: neutralKeyframe,
+});
+
+test_no_interpolation({
+  property: 'min-width',
+  from: neutralKeyframe,
+  to: 'max-content',
+});
+
 </script>

Diff for: css/css-sizing/animation/width-interpolation.html

@@ -154,5 +154,17 @@
   to: 'min-content',
 });
 
+test_no_interpolation({
+  property: 'width',
+  from: 'max-content',
+  to: neutralKeyframe,
+});
+
+test_no_interpolation({
+  property: 'width',
+  from: neutralKeyframe,
+  to: 'min-content',
+});
+
 </script>
 </body>

Diff for: css/css-values/calc-size/calc-size-height.tentative.html

@@ -37,7 +37,6 @@
   { value: "calc-size(calc-size(2in, 30px), 15em)", expected: "300px" },
   { value: "calc-size(calc-size(min-content, 30px), 15em)", expected: "300px" },
   { value: "calc-size(calc-size(min-content, size), size)", expected: "10px" },
-  { value: "calc(12% + calc-size(any, 31%))", expected_auto: "10px", expected_definite: "43px" },
   { value: "calc-size(any, 31% + 12px)", expected_auto: "12px", expected_definite: "43px" },
   { value: "calc-size(auto, size * 1.5)", expected: "15px" },
 ];