Changeset 292432 in webkit


Ignore:
Timestamp:
Apr 5, 2022 3:31:41 PM (4 months ago)
Author:
Matt Woodrow
Message:

Support transitions/animations on grid-template-columns|rows
​https://bugs.webkit.org/show_bug.cgi?id=204580
LayoutTests/imported/w3c:

Reviewed by Antoine Quint.

Update expectation files for newly passing tests.

  • web-platform-tests/css/css-grid/animation/grid-template-columns-interpolation-expected.txt:
  • web-platform-tests/css/css-grid/animation/grid-template-rows-interpolation-expected.txt:

Source/WebCore:

Reviewed by Antoine Quint.

  • animation/CSSPropertyAnimation.cpp:

(WebCore::canInterpolate):
(WebCore::blendFunc):

GridTrackLists can be interpolated if they are the same length, and if any repeat() functions
have the same length and count/type.
Adds function for determining if two GridTrackLists can be interpolated, and function for interpolating
per-entry if so.
Adds blending helpers for GridTrackSize and GridLength.

  • css/CSSComputedStyleDeclaration.cpp:

(WebCore::valueForGridTrackList):

Remove empty line name sets from the serialized computed style in order to satisfy the shortest equivalent
serialization principle.

  • style/StyleBuilderConverter.h:

(WebCore::Style::BuilderConverter::createGridTrackList):

Ensures computed track lists are stored in the canonical format (alternating between line name sets
and track sizes, starting and ending with a line name set), in order to make the interpolation
code simpler.

LayoutTests:

Reviewed by Antoine Quint.

Location:
trunk
Files:
9 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r292420 r292432  
     12022-04-05  Matt Woodrow  <mattwoodrow@apple.com>
     2
     3        Support transitions/animations on grid-template-columns|rows
     4        https://bugs.webkit.org/show_bug.cgi?id=204580
     5
     6        Reviewed by Antoine Quint.
     7
     8        * TestExpectations:
     9
    1102022-04-05  Matteo Flores  <matteo_flores@apple.com>
    211

  • trunk/LayoutTests/TestExpectations

    r292419 r292432  
    42644264# CSS Masonry Layout not supported.
    42654265imported/w3c/web-platform-tests/css/css-grid/masonry.tentative [ Skip ]
    4266 webkit.org/b/204580 imported/w3c/web-platform-tests/css/css-grid/animation/grid-template-columns-001.html [ ImageOnlyFailure ]
    4267 webkit.org/b/204580 imported/w3c/web-platform-tests/css/css-grid/animation/grid-template-rows-001.html [ ImageOnlyFailure ]
    42684266webkit.org/b/209460 imported/w3c/web-platform-tests/css/css-grid/abspos/descendant-static-position-001.html [ ImageOnlyFailure ]
    42694267webkit.org/b/209460 imported/w3c/web-platform-tests/css/css-grid/abspos/descendant-static-position-002.html [ ImageOnlyFailure ]

  • trunk/LayoutTests/imported/w3c/ChangeLog

    r292419 r292432  
     12022-04-05  Matt Woodrow  <mattwoodrow@apple.com>
     2
     3        Support transitions/animations on grid-template-columns|rows
     4        https://bugs.webkit.org/show_bug.cgi?id=204580
     5       
     6        Reviewed by Antoine Quint.
     7
     8        Update expectation files for newly passing tests.
     9
     10        * web-platform-tests/css/css-grid/animation/grid-template-columns-interpolation-expected.txt:
     11        * web-platform-tests/css/css-grid/animation/grid-template-rows-interpolation-expected.txt:
     12
    1132022-04-05  Tim Nguyen  <ntim@apple.com>
    214

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/animation/grid-template-columns-interpolation-expected.txt

    r291956 r292432  
    112112PASS Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (1) should be [20px 30px]
    113113PASS Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (1.5) should be [20px 30px]
    114 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px] assert_equals: expected "0px 10px 20px " but got "20px 30px 40px "
    115 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px] assert_equals: expected "10px 20px 30px " but got "20px 30px 40px "
    116 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px] assert_equals: expected "14px 24px 34px " but got "20px 30px 40px "
    117 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px] assert_equals: expected "16px 26px 36px " but got "20px 30px 40px "
     114PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
     115PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
     116PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
     117PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
    118118PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
    119 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px] assert_equals: expected "30px 40px 50px " but got "20px 30px 40px "
    120 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px] assert_equals: expected "0px 10px 20px " but got "20px 30px 40px "
    121 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px] assert_equals: expected "10px 20px 30px " but got "20px 30px 40px "
    122 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px] assert_equals: expected "14px 24px 34px " but got "20px 30px 40px "
    123 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px] assert_equals: expected "16px 26px 36px " but got "20px 30px 40px "
     119PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
     120PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
     121PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
     122PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
     123PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
    124124PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
    125 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px] assert_equals: expected "30px 40px 50px " but got "20px 30px 40px "
    126 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px] assert_equals: expected "0px 10px 20px " but got "10px 20px 30px "
     125PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
     126PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
    127127PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
    128 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px] assert_equals: expected "14px 24px 34px " but got "10px 20px 30px "
    129 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px] assert_equals: expected "16px 26px 36px " but got "20px 30px 40px "
     128PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
     129PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
    130130PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
    131 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px] assert_equals: expected "30px 40px 50px " but got "20px 30px 40px "
    132 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px] assert_equals: expected "0px 10px 20px " but got "10px 20px 30px "
     131PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
     132PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
    133133PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
    134 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px] assert_equals: expected "14px 24px 34px " but got "10px 20px 30px "
    135 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px] assert_equals: expected "16px 26px 36px " but got "20px 30px 40px "
     134PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
     135PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
    136136PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
    137 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px] assert_equals: expected "30px 40px 50px " but got "20px 30px 40px "
    138 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px] assert_equals: expected "calc ( - 20 % + 20px ) calc ( - 30 % + 40px ) 20px " but got "20 % 30 % 40px "
    139 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px] assert_equals: expected "calc ( 0 % + 10px ) calc ( 0 % + 20px ) 30px " but got "20 % 30 % 40px "
    140 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px] assert_equals: expected "calc ( 8 % + 6px ) calc ( 12 % + 12px ) 34px " but got "20 % 30 % 40px "
    141 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px] assert_equals: expected "calc ( 12 % + 4px ) calc ( 18 % + 8px ) 36px " but got "20 % 30 % 40px "
     137PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
     138PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px]
     139PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px]
     140PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px]
     141PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px]
    142142PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
    143 FAIL CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px] assert_equals: expected "calc ( 40 % - 10px ) calc ( 60 % - 20px ) 50px " but got "20 % 30 % 40px "
    144 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px] assert_equals: expected "calc ( - 20 % + 20px ) calc ( - 30 % + 40px ) 20px " but got "20 % 30 % 40px "
    145 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px] assert_equals: expected "calc ( 0 % + 10px ) calc ( 0 % + 20px ) 30px " but got "20 % 30 % 40px "
    146 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px] assert_equals: expected "calc ( 8 % + 6px ) calc ( 12 % + 12px ) 34px " but got "20 % 30 % 40px "
    147 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px] assert_equals: expected "calc ( 12 % + 4px ) calc ( 18 % + 8px ) 36px " but got "20 % 30 % 40px "
     143PASS CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px]
     144PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px]
     145PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px]
     146PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px]
     147PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px]
    148148PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
    149 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px] assert_equals: expected "calc ( 40 % - 10px ) calc ( 60 % - 20px ) 50px " but got "20 % 30 % 40px "
    150 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px] assert_equals: expected "calc ( - 20 % + 20px ) calc ( - 30 % + 40px ) 20px " but got "10px 20px 30px "
    151 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px] assert_equals: expected "calc ( 0 % + 10px ) calc ( 0 % + 20px ) 30px " but got "10px 20px 30px "
    152 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px] assert_equals: expected "calc ( 8 % + 6px ) calc ( 12 % + 12px ) 34px " but got "10px 20px 30px "
    153 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px] assert_equals: expected "calc ( 12 % + 4px ) calc ( 18 % + 8px ) 36px " but got "20 % 30 % 40px "
     149PASS CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px]
     150PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px]
     151PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px]
     152PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px]
     153PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px]
    154154PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
    155 FAIL CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px] assert_equals: expected "calc ( 40 % - 10px ) calc ( 60 % - 20px ) 50px " but got "20 % 30 % 40px "
    156 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px] assert_equals: expected "calc ( - 20 % + 20px ) calc ( - 30 % + 40px ) 20px " but got "10px 20px 30px "
    157 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px] assert_equals: expected "calc ( 0 % + 10px ) calc ( 0 % + 20px ) 30px " but got "10px 20px 30px "
    158 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px] assert_equals: expected "calc ( 8 % + 6px ) calc ( 12 % + 12px ) 34px " but got "10px 20px 30px "
    159 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px] assert_equals: expected "calc ( 12 % + 4px ) calc ( 18 % + 8px ) 36px " but got "20 % 30 % 40px "
     155PASS CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px]
     156PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px]
     157PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px]
     158PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px]
     159PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px]
    160160PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
    161 FAIL Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px] assert_equals: expected "calc ( 40 % - 10px ) calc ( 60 % - 20px ) 50px " but got "20 % 30 % 40px "
    162 FAIL CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr] assert_equals: expected "0fr 1fr 0fr " but got "2fr auto 2fr "
    163 FAIL CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr] assert_equals: expected "1fr 1fr 1fr " but got "2fr auto 2fr "
    164 FAIL CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr] assert_equals: expected "1.4fr 1fr 1.4fr " but got "2fr auto 2fr "
    165 FAIL CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr] assert_equals: expected "1.6fr auto 1.6fr " but got "2fr auto 2fr "
     161PASS Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px]
     162PASS CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
     163PASS CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
     164PASS CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
     165PASS CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
    166166PASS CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
    167 FAIL CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr] assert_equals: expected "3fr auto 3fr " but got "2fr auto 2fr "
    168 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr] assert_equals: expected "0fr 1fr 0fr " but got "2fr auto 2fr "
    169 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr] assert_equals: expected "1fr 1fr 1fr " but got "2fr auto 2fr "
    170 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr] assert_equals: expected "1.4fr 1fr 1.4fr " but got "2fr auto 2fr "
    171 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr] assert_equals: expected "1.6fr auto 1.6fr " but got "2fr auto 2fr "
     167PASS CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
     168PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
     169PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
     170PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
     171PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
    172172PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
    173 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr] assert_equals: expected "3fr auto 3fr " but got "2fr auto 2fr "
    174 FAIL CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr] assert_equals: expected "0fr 1fr 0fr " but got "1fr 1fr 1fr "
     173PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
     174PASS CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
    175175PASS CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
    176 FAIL CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr] assert_equals: expected "1.4fr 1fr 1.4fr " but got "1fr 1fr 1fr "
    177 FAIL CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr] assert_equals: expected "1.6fr auto 1.6fr " but got "2fr auto 2fr "
     176PASS CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
     177PASS CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
    178178PASS CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
    179 FAIL CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr] assert_equals: expected "3fr auto 3fr " but got "2fr auto 2fr "
    180 FAIL Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr] assert_equals: expected "0fr 1fr 0fr " but got "1fr 1fr 1fr "
     179PASS CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
     180PASS Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
    181181PASS Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
    182 FAIL Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr] assert_equals: expected "1.4fr 1fr 1.4fr " but got "1fr 1fr 1fr "
    183 FAIL Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr] assert_equals: expected "1.6fr auto 1.6fr " but got "2fr auto 2fr "
     182PASS Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
     183PASS Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
    184184PASS Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
    185 FAIL Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr] assert_equals: expected "3fr auto 3fr " but got "2fr auto 2fr "
    186 FAIL CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr] assert_equals: expected "0fr [ a b ] 1fr [ d ] 0fr " but got "2fr [ c ] auto 2fr "
    187 FAIL CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr] assert_equals: expected "1fr [ a b ] 1fr [ d ] 1fr " but got "2fr [ c ] auto 2fr "
    188 FAIL CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr] assert_equals: expected "1.4fr [ a b ] 1fr [ d ] 1.4fr " but got "2fr [ c ] auto 2fr "
    189 FAIL CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr] assert_equals: expected "1.6fr [ c ] auto 1.6fr " but got "2fr [ c ] auto 2fr "
     185PASS Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
     186PASS CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr]
     187PASS CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr]
     188PASS CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr]
     189PASS CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr]
    190190PASS CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (1) should be [2fr [c] auto 2fr]
    191 FAIL CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr] assert_equals: expected "3fr [ c ] auto 3fr " but got "2fr [ c ] auto 2fr "
    192 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr] assert_equals: expected "0fr [ a b ] 1fr [ d ] 0fr " but got "2fr [ c ] auto 2fr "
    193 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr] assert_equals: expected "1fr [ a b ] 1fr [ d ] 1fr " but got "2fr [ c ] auto 2fr "
    194 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr] assert_equals: expected "1.4fr [ a b ] 1fr [ d ] 1.4fr " but got "2fr [ c ] auto 2fr "
    195 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr] assert_equals: expected "1.6fr [ c ] auto 1.6fr " but got "2fr [ c ] auto 2fr "
     191PASS CSS Transitions: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr]
     192PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr]
     193PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr]
     194PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr]
     195PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr]
    196196PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (1) should be [2fr [c] auto 2fr]
    197 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr] assert_equals: expected "3fr [ c ] auto 3fr " but got "2fr [ c ] auto 2fr "
    198 FAIL CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr] assert_equals: expected "0fr [ a b ] 1fr [ d ] 0fr " but got "1fr [ a b ] 1fr [ d ] 1fr "
     197PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr]
     198PASS CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr]
    199199PASS CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr]
    200 FAIL CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr] assert_equals: expected "1.4fr [ a b ] 1fr [ d ] 1.4fr " but got "1fr [ a b ] 1fr [ d ] 1fr "
    201 FAIL CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr] assert_equals: expected "1.6fr [ c ] auto 1.6fr " but got "2fr [ c ] auto 2fr "
     200PASS CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr]
     201PASS CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr]
    202202PASS CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (1) should be [2fr [c] auto 2fr]
    203 FAIL CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr] assert_equals: expected "3fr [ c ] auto 3fr " but got "2fr [ c ] auto 2fr "
    204 FAIL Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr] assert_equals: expected "0fr [ a b ] 1fr [ d ] 0fr " but got "1fr [ a b ] 1fr [ d ] 1fr "
     203PASS CSS Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr]
     204PASS Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr]
    205205PASS Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr]
    206 FAIL Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr] assert_equals: expected "1.4fr [ a b ] 1fr [ d ] 1.4fr " but got "1fr [ a b ] 1fr [ d ] 1fr "
    207 FAIL Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr] assert_equals: expected "1.6fr [ c ] auto 1.6fr " but got "2fr [ c ] auto 2fr "
     206PASS Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr]
     207PASS Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr]
    208208PASS Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (1) should be [2fr [c] auto 2fr]
    209 FAIL Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr] assert_equals: expected "3fr [ c ] auto 3fr " but got "2fr [ c ] auto 2fr "
    210 FAIL CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)] assert_equals: expected "fit - content ( 0px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    211 FAIL CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)] assert_equals: expected "fit - content ( 10px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    212 FAIL CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)] assert_equals: expected "fit - content ( 14px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    213 FAIL CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content] assert_equals: expected "fit - content ( 16px ) max - content " but got "fit - content ( 20px ) max - content "
     209PASS Web Animations: property <grid-template-columns> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr]
     210PASS CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)]
     211PASS CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)]
     212PASS CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)]
     213PASS CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content]
    214214PASS CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (1) should be [fit-content(20px) max-content]
    215 FAIL CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content] assert_equals: expected "fit - content ( 30px ) max - content " but got "fit - content ( 20px ) max - content "
    216 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)] assert_equals: expected "fit - content ( 0px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    217 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)] assert_equals: expected "fit - content ( 10px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    218 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)] assert_equals: expected "fit - content ( 14px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    219 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content] assert_equals: expected "fit - content ( 16px ) max - content " but got "fit - content ( 20px ) max - content "
     215PASS CSS Transitions: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content]
     216PASS CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)]
     217PASS CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)]
     218PASS CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)]
     219PASS CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content]
    220220PASS CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (1) should be [fit-content(20px) max-content]
    221 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content] assert_equals: expected "fit - content ( 30px ) max - content " but got "fit - content ( 20px ) max - content "
    222 FAIL CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)] assert_equals: expected "fit - content ( 0px ) fit - content ( 20px ) " but got "fit - content ( 10px ) fit - content ( 20px ) "
     221PASS CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content]
     222PASS CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)]
    223223PASS CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)]
    224 FAIL CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)] assert_equals: expected "fit - content ( 14px ) fit - content ( 20px ) " but got "fit - content ( 10px ) fit - content ( 20px ) "
    225 FAIL CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content] assert_equals: expected "fit - content ( 16px ) max - content " but got "fit - content ( 20px ) max - content "
     224PASS CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)]
     225PASS CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content]
    226226PASS CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (1) should be [fit-content(20px) max-content]
    227 FAIL CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content] assert_equals: expected "fit - content ( 30px ) max - content " but got "fit - content ( 20px ) max - content "
    228 FAIL Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)] assert_equals: expected "fit - content ( 0px ) fit - content ( 20px ) " but got "fit - content ( 10px ) fit - content ( 20px ) "
     227PASS CSS Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content]
     228PASS Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)]
    229229PASS Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)]
    230 FAIL Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)] assert_equals: expected "fit - content ( 14px ) fit - content ( 20px ) " but got "fit - content ( 10px ) fit - content ( 20px ) "
    231 FAIL Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content] assert_equals: expected "fit - content ( 16px ) max - content " but got "fit - content ( 20px ) max - content "
     230PASS Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)]
     231PASS Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content]
    232232PASS Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (1) should be [fit-content(20px) max-content]
    233 FAIL Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content] assert_equals: expected "fit - content ( 30px ) max - content " but got "fit - content ( 20px ) max - content "
    234 FAIL CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)] assert_equals: expected "minmax ( 0px , 0fr ) minmax ( 10px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    235 FAIL CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)] assert_equals: expected "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    236 FAIL CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)] assert_equals: expected "minmax ( 14px , 1.4fr ) minmax ( 24px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    237 FAIL CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)] assert_equals: expected "minmax ( 16px , 1.6fr ) minmax ( 26px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     233PASS Web Animations: property <grid-template-columns> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content]
     234PASS CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)]
     235PASS CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)]
     236PASS CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)]
     237PASS CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)]
    238238PASS CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (1) should be [minmax(20px, 2fr) minmax(30px, auto)]
    239 FAIL CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)] assert_equals: expected "minmax ( 30px , 3fr ) minmax ( 40px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    240 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)] assert_equals: expected "minmax ( 0px , 0fr ) minmax ( 10px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    241 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)] assert_equals: expected "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    242 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)] assert_equals: expected "minmax ( 14px , 1.4fr ) minmax ( 24px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    243 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)] assert_equals: expected "minmax ( 16px , 1.6fr ) minmax ( 26px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     239PASS CSS Transitions: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)]
     240PASS CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)]
     241PASS CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)]
     242PASS CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)]
     243PASS CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)]
    244244PASS CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (1) should be [minmax(20px, 2fr) minmax(30px, auto)]
    245 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)] assert_equals: expected "minmax ( 30px , 3fr ) minmax ( 40px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    246 FAIL CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)] assert_equals: expected "minmax ( 0px , 0fr ) minmax ( 10px , 2fr ) " but got "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) "
     245PASS CSS Transitions with transition: all: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)]
     246PASS CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)]
    247247PASS CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)]
    248 FAIL CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)] assert_equals: expected "minmax ( 14px , 1.4fr ) minmax ( 24px , 2fr ) " but got "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) "
    249 FAIL CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)] assert_equals: expected "minmax ( 16px , 1.6fr ) minmax ( 26px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     248PASS CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)]
     249PASS CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)]
    250250PASS CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (1) should be [minmax(20px, 2fr) minmax(30px, auto)]
    251 FAIL CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)] assert_equals: expected "minmax ( 30px , 3fr ) minmax ( 40px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    252 FAIL Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)] assert_equals: expected "minmax ( 0px , 0fr ) minmax ( 10px , 2fr ) " but got "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) "
     251PASS CSS Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)]
     252PASS Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)]
    253253PASS Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)]
    254 FAIL Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)] assert_equals: expected "minmax ( 14px , 1.4fr ) minmax ( 24px , 2fr ) " but got "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) "
    255 FAIL Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)] assert_equals: expected "minmax ( 16px , 1.6fr ) minmax ( 26px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     254PASS Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)]
     255PASS Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)]
    256256PASS Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (1) should be [minmax(20px, 2fr) minmax(30px, auto)]
    257 FAIL Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)] assert_equals: expected "minmax ( 30px , 3fr ) minmax ( 40px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     257PASS Web Animations: property <grid-template-columns> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)]
    258258PASS CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
    259259PASS CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
    … …  
    340340PASS Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
    341341PASS Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
    342 FAIL CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr] assert_equals: expected "0fr repeat ( 2 , 1fr auto 20px ) 0fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    343 FAIL CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr] assert_equals: expected "1fr repeat ( 2 , 2fr auto 30px ) 1fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    344 FAIL CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr] assert_equals: expected "1.4fr repeat ( 2 , 2.4fr auto 34px ) 1.4fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    345 FAIL CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr] assert_equals: expected "1.6fr repeat ( 2 , 2.6fr 30px 36px ) 1.6fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     342PASS CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr]
     343PASS CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr]
     344PASS CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr]
     345PASS CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr]
    346346PASS CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (1) should be [2fr repeat(2, 3fr 30px 40px) 2fr]
    347 FAIL CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr] assert_equals: expected "3fr repeat ( 2 , 4fr 30px 50px ) 3fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    348 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr] assert_equals: expected "0fr repeat ( 2 , 1fr auto 20px ) 0fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    349 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr] assert_equals: expected "1fr repeat ( 2 , 2fr auto 30px ) 1fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    350 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr] assert_equals: expected "1.4fr repeat ( 2 , 2.4fr auto 34px ) 1.4fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    351 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr] assert_equals: expected "1.6fr repeat ( 2 , 2.6fr 30px 36px ) 1.6fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     347PASS CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr]
     348PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr]
     349PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr]
     350PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr]
     351PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr]
    352352PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (1) should be [2fr repeat(2, 3fr 30px 40px) 2fr]
    353 FAIL CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr] assert_equals: expected "3fr repeat ( 2 , 4fr 30px 50px ) 3fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    354 FAIL CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr] assert_equals: expected "0fr repeat ( 2 , 1fr auto 20px ) 0fr " but got "1fr repeat ( 2 , 2fr auto 30px ) 1fr "
     353PASS CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr]
     354PASS CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr]
    355355PASS CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr]
    356 FAIL CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr] assert_equals: expected "1.4fr repeat ( 2 , 2.4fr auto 34px ) 1.4fr " but got "1fr repeat ( 2 , 2fr auto 30px ) 1fr "
    357 FAIL CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr] assert_equals: expected "1.6fr repeat ( 2 , 2.6fr 30px 36px ) 1.6fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     356PASS CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr]
     357PASS CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr]
    358358PASS CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (1) should be [2fr repeat(2, 3fr 30px 40px) 2fr]
    359 FAIL CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr] assert_equals: expected "3fr repeat ( 2 , 4fr 30px 50px ) 3fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    360 FAIL Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr] assert_equals: expected "0fr repeat ( 2 , 1fr auto 20px ) 0fr " but got "1fr repeat ( 2 , 2fr auto 30px ) 1fr "
     359PASS CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr]
     360PASS Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr]
    361361PASS Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr]
    362 FAIL Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr] assert_equals: expected "1.4fr repeat ( 2 , 2.4fr auto 34px ) 1.4fr " but got "1fr repeat ( 2 , 2fr auto 30px ) 1fr "
    363 FAIL Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr] assert_equals: expected "1.6fr repeat ( 2 , 2.6fr 30px 36px ) 1.6fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     362PASS Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr]
     363PASS Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr]
    364364PASS Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (1) should be [2fr repeat(2, 3fr 30px 40px) 2fr]
    365 FAIL Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr] assert_equals: expected "3fr repeat ( 2 , 4fr 30px 50px ) 3fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     365PASS Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr]
    366366PASS CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (-0.3) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
    367367PASS CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/animation/grid-template-rows-interpolation-expected.txt

    r291956 r292432  
    112112PASS Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (1) should be [20px 30px]
    113113PASS Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (1.5) should be [20px 30px]
    114 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px] assert_equals: expected "0px 10px 20px " but got "20px 30px 40px "
    115 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px] assert_equals: expected "10px 20px 30px " but got "20px 30px 40px "
    116 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px] assert_equals: expected "14px 24px 34px " but got "20px 30px 40px "
    117 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px] assert_equals: expected "16px 26px 36px " but got "20px 30px 40px "
     114PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
     115PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
     116PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
     117PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
    118118PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
    119 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px] assert_equals: expected "30px 40px 50px " but got "20px 30px 40px "
    120 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px] assert_equals: expected "0px 10px 20px " but got "20px 30px 40px "
    121 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px] assert_equals: expected "10px 20px 30px " but got "20px 30px 40px "
    122 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px] assert_equals: expected "14px 24px 34px " but got "20px 30px 40px "
    123 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px] assert_equals: expected "16px 26px 36px " but got "20px 30px 40px "
     119PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
     120PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
     121PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
     122PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
     123PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
    124124PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
    125 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px] assert_equals: expected "30px 40px 50px " but got "20px 30px 40px "
    126 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px] assert_equals: expected "0px 10px 20px " but got "10px 20px 30px "
     125PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
     126PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
    127127PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
    128 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px] assert_equals: expected "14px 24px 34px " but got "10px 20px 30px "
    129 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px] assert_equals: expected "16px 26px 36px " but got "20px 30px 40px "
     128PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
     129PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
    130130PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
    131 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px] assert_equals: expected "30px 40px 50px " but got "20px 30px 40px "
    132 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px] assert_equals: expected "0px 10px 20px " but got "10px 20px 30px "
     131PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
     132PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
    133133PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
    134 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px] assert_equals: expected "14px 24px 34px " but got "10px 20px 30px "
    135 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px] assert_equals: expected "16px 26px 36px " but got "20px 30px 40px "
     134PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
     135PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
    136136PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
    137 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px] assert_equals: expected "30px 40px 50px " but got "20px 30px 40px "
    138 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px] assert_equals: expected "calc ( - 20 % + 20px ) calc ( - 30 % + 40px ) 20px " but got "20 % 30 % 40px "
    139 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px] assert_equals: expected "calc ( 0 % + 10px ) calc ( 0 % + 20px ) 30px " but got "20 % 30 % 40px "
    140 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px] assert_equals: expected "calc ( 8 % + 6px ) calc ( 12 % + 12px ) 34px " but got "20 % 30 % 40px "
    141 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px] assert_equals: expected "calc ( 12 % + 4px ) calc ( 18 % + 8px ) 36px " but got "20 % 30 % 40px "
     137PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
     138PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px]
     139PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px]
     140PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px]
     141PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px]
    142142PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
    143 FAIL CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px] assert_equals: expected "calc ( 40 % - 10px ) calc ( 60 % - 20px ) 50px " but got "20 % 30 % 40px "
    144 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px] assert_equals: expected "calc ( - 20 % + 20px ) calc ( - 30 % + 40px ) 20px " but got "20 % 30 % 40px "
    145 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px] assert_equals: expected "calc ( 0 % + 10px ) calc ( 0 % + 20px ) 30px " but got "20 % 30 % 40px "
    146 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px] assert_equals: expected "calc ( 8 % + 6px ) calc ( 12 % + 12px ) 34px " but got "20 % 30 % 40px "
    147 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px] assert_equals: expected "calc ( 12 % + 4px ) calc ( 18 % + 8px ) 36px " but got "20 % 30 % 40px "
     143PASS CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px]
     144PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px]
     145PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px]
     146PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px]
     147PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px]
    148148PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
    149 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px] assert_equals: expected "calc ( 40 % - 10px ) calc ( 60 % - 20px ) 50px " but got "20 % 30 % 40px "
    150 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px] assert_equals: expected "calc ( - 20 % + 20px ) calc ( - 30 % + 40px ) 20px " but got "10px 20px 30px "
    151 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px] assert_equals: expected "calc ( 0 % + 10px ) calc ( 0 % + 20px ) 30px " but got "10px 20px 30px "
    152 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px] assert_equals: expected "calc ( 8 % + 6px ) calc ( 12 % + 12px ) 34px " but got "10px 20px 30px "
    153 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px] assert_equals: expected "calc ( 12 % + 4px ) calc ( 18 % + 8px ) 36px " but got "20 % 30 % 40px "
     149PASS CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px]
     150PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px]
     151PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px]
     152PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px]
     153PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px]
    154154PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
    155 FAIL CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px] assert_equals: expected "calc ( 40 % - 10px ) calc ( 60 % - 20px ) 50px " but got "20 % 30 % 40px "
    156 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px] assert_equals: expected "calc ( - 20 % + 20px ) calc ( - 30 % + 40px ) 20px " but got "10px 20px 30px "
    157 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px] assert_equals: expected "calc ( 0 % + 10px ) calc ( 0 % + 20px ) 30px " but got "10px 20px 30px "
    158 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px] assert_equals: expected "calc ( 8 % + 6px ) calc ( 12 % + 12px ) 34px " but got "10px 20px 30px "
    159 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px] assert_equals: expected "calc ( 12 % + 4px ) calc ( 18 % + 8px ) 36px " but got "20 % 30 % 40px "
     155PASS CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px]
     156PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (-1) should be [calc(20px + -20%) calc(40px + -30%) 20px]
     157PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0) should be [calc(10px + 0%) calc(20px + 0%) 30px]
     158PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.4) should be [calc(6px + 8%) calc(12px + 12%) 34px]
     159PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (0.6) should be [calc(4px + 12%) calc(8px + 18%) 36px]
    160160PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
    161 FAIL Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px] assert_equals: expected "calc ( 40 % - 10px ) calc ( 60 % - 20px ) 50px " but got "20 % 30 % 40px "
    162 FAIL CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr] assert_equals: expected "0fr 1fr 0fr " but got "2fr auto 2fr "
    163 FAIL CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr] assert_equals: expected "1fr 1fr 1fr " but got "2fr auto 2fr "
    164 FAIL CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr] assert_equals: expected "1.4fr 1fr 1.4fr " but got "2fr auto 2fr "
    165 FAIL CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr] assert_equals: expected "1.6fr auto 1.6fr " but got "2fr auto 2fr "
     161PASS Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (2) should be [calc(-10px + 40%) calc(-20px + 60%) 50px]
     162PASS CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
     163PASS CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
     164PASS CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
     165PASS CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
    166166PASS CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
    167 FAIL CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr] assert_equals: expected "3fr auto 3fr " but got "2fr auto 2fr "
    168 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr] assert_equals: expected "0fr 1fr 0fr " but got "2fr auto 2fr "
    169 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr] assert_equals: expected "1fr 1fr 1fr " but got "2fr auto 2fr "
    170 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr] assert_equals: expected "1.4fr 1fr 1.4fr " but got "2fr auto 2fr "
    171 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr] assert_equals: expected "1.6fr auto 1.6fr " but got "2fr auto 2fr "
     167PASS CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
     168PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
     169PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
     170PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
     171PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
    172172PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
    173 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr] assert_equals: expected "3fr auto 3fr " but got "2fr auto 2fr "
    174 FAIL CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr] assert_equals: expected "0fr 1fr 0fr " but got "1fr 1fr 1fr "
     173PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
     174PASS CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
    175175PASS CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
    176 FAIL CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr] assert_equals: expected "1.4fr 1fr 1.4fr " but got "1fr 1fr 1fr "
    177 FAIL CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr] assert_equals: expected "1.6fr auto 1.6fr " but got "2fr auto 2fr "
     176PASS CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
     177PASS CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
    178178PASS CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
    179 FAIL CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr] assert_equals: expected "3fr auto 3fr " but got "2fr auto 2fr "
    180 FAIL Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr] assert_equals: expected "0fr 1fr 0fr " but got "1fr 1fr 1fr "
     179PASS CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
     180PASS Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
    181181PASS Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
    182 FAIL Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr] assert_equals: expected "1.4fr 1fr 1.4fr " but got "1fr 1fr 1fr "
    183 FAIL Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr] assert_equals: expected "1.6fr auto 1.6fr " but got "2fr auto 2fr "
     182PASS Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
     183PASS Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
    184184PASS Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
    185 FAIL Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr] assert_equals: expected "3fr auto 3fr " but got "2fr auto 2fr "
    186 FAIL CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr] assert_equals: expected "0fr [ a b ] 1fr [ d ] 0fr " but got "2fr [ c ] auto 2fr "
    187 FAIL CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr] assert_equals: expected "1fr [ a b ] 1fr [ d ] 1fr " but got "2fr [ c ] auto 2fr "
    188 FAIL CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr] assert_equals: expected "1.4fr [ a b ] 1fr [ d ] 1.4fr " but got "2fr [ c ] auto 2fr "
    189 FAIL CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr] assert_equals: expected "1.6fr [ c ] auto 1.6fr " but got "2fr [ c ] auto 2fr "
     185PASS Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
     186PASS CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr]
     187PASS CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr]
     188PASS CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr]
     189PASS CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr]
    190190PASS CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (1) should be [2fr [c] auto 2fr]
    191 FAIL CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr] assert_equals: expected "3fr [ c ] auto 3fr " but got "2fr [ c ] auto 2fr "
    192 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr] assert_equals: expected "0fr [ a b ] 1fr [ d ] 0fr " but got "2fr [ c ] auto 2fr "
    193 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr] assert_equals: expected "1fr [ a b ] 1fr [ d ] 1fr " but got "2fr [ c ] auto 2fr "
    194 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr] assert_equals: expected "1.4fr [ a b ] 1fr [ d ] 1.4fr " but got "2fr [ c ] auto 2fr "
    195 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr] assert_equals: expected "1.6fr [ c ] auto 1.6fr " but got "2fr [ c ] auto 2fr "
     191PASS CSS Transitions: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr]
     192PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr]
     193PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr]
     194PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr]
     195PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr]
    196196PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (1) should be [2fr [c] auto 2fr]
    197 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr] assert_equals: expected "3fr [ c ] auto 3fr " but got "2fr [ c ] auto 2fr "
    198 FAIL CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr] assert_equals: expected "0fr [ a b ] 1fr [ d ] 0fr " but got "1fr [ a b ] 1fr [ d ] 1fr "
     197PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr]
     198PASS CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr]
    199199PASS CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr]
    200 FAIL CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr] assert_equals: expected "1.4fr [ a b ] 1fr [ d ] 1.4fr " but got "1fr [ a b ] 1fr [ d ] 1fr "
    201 FAIL CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr] assert_equals: expected "1.6fr [ c ] auto 1.6fr " but got "2fr [ c ] auto 2fr "
     200PASS CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr]
     201PASS CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr]
    202202PASS CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (1) should be [2fr [c] auto 2fr]
    203 FAIL CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr] assert_equals: expected "3fr [ c ] auto 3fr " but got "2fr [ c ] auto 2fr "
    204 FAIL Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr] assert_equals: expected "0fr [ a b ] 1fr [ d ] 0fr " but got "1fr [ a b ] 1fr [ d ] 1fr "
     203PASS CSS Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr]
     204PASS Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (-1) should be [0fr [a b] 1fr [d] 0fr]
    205205PASS Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0) should be [1fr [a b] 1fr [d] 1fr]
    206 FAIL Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr] assert_equals: expected "1.4fr [ a b ] 1fr [ d ] 1.4fr " but got "1fr [ a b ] 1fr [ d ] 1fr "
    207 FAIL Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr] assert_equals: expected "1.6fr [ c ] auto 1.6fr " but got "2fr [ c ] auto 2fr "
     206PASS Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.4) should be [1.4fr [a b] 1fr [d] 1.4fr]
     207PASS Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (0.6) should be [1.6fr [c] auto 1.6fr]
    208208PASS Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (1) should be [2fr [c] auto 2fr]
    209 FAIL Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr] assert_equals: expected "3fr [ c ] auto 3fr " but got "2fr [ c ] auto 2fr "
    210 FAIL CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)] assert_equals: expected "fit - content ( 0px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    211 FAIL CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)] assert_equals: expected "fit - content ( 10px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    212 FAIL CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)] assert_equals: expected "fit - content ( 14px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    213 FAIL CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content] assert_equals: expected "fit - content ( 16px ) max - content " but got "fit - content ( 20px ) max - content "
     209PASS Web Animations: property <grid-template-rows> from [1fr [a b] 1fr [d] 1fr] to [2fr [c] auto 2fr] at (2) should be [3fr [c] auto 3fr]
     210PASS CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)]
     211PASS CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)]
     212PASS CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)]
     213PASS CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content]
    214214PASS CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (1) should be [fit-content(20px) max-content]
    215 FAIL CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content] assert_equals: expected "fit - content ( 30px ) max - content " but got "fit - content ( 20px ) max - content "
    216 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)] assert_equals: expected "fit - content ( 0px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    217 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)] assert_equals: expected "fit - content ( 10px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    218 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)] assert_equals: expected "fit - content ( 14px ) fit - content ( 20px ) " but got "fit - content ( 20px ) max - content "
    219 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content] assert_equals: expected "fit - content ( 16px ) max - content " but got "fit - content ( 20px ) max - content "
     215PASS CSS Transitions: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content]
     216PASS CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)]
     217PASS CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)]
     218PASS CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)]
     219PASS CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content]
    220220PASS CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (1) should be [fit-content(20px) max-content]
    221 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content] assert_equals: expected "fit - content ( 30px ) max - content " but got "fit - content ( 20px ) max - content "
    222 FAIL CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)] assert_equals: expected "fit - content ( 0px ) fit - content ( 20px ) " but got "fit - content ( 10px ) fit - content ( 20px ) "
     221PASS CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content]
     222PASS CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)]
    223223PASS CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)]
    224 FAIL CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)] assert_equals: expected "fit - content ( 14px ) fit - content ( 20px ) " but got "fit - content ( 10px ) fit - content ( 20px ) "
    225 FAIL CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content] assert_equals: expected "fit - content ( 16px ) max - content " but got "fit - content ( 20px ) max - content "
     224PASS CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)]
     225PASS CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content]
    226226PASS CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (1) should be [fit-content(20px) max-content]
    227 FAIL CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content] assert_equals: expected "fit - content ( 30px ) max - content " but got "fit - content ( 20px ) max - content "
    228 FAIL Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)] assert_equals: expected "fit - content ( 0px ) fit - content ( 20px ) " but got "fit - content ( 10px ) fit - content ( 20px ) "
     227PASS CSS Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content]
     228PASS Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (-1) should be [fit-content(0px) fit-content(20px)]
    229229PASS Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0) should be [fit-content(10px) fit-content(20px)]
    230 FAIL Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)] assert_equals: expected "fit - content ( 14px ) fit - content ( 20px ) " but got "fit - content ( 10px ) fit - content ( 20px ) "
    231 FAIL Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content] assert_equals: expected "fit - content ( 16px ) max - content " but got "fit - content ( 20px ) max - content "
     230PASS Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.4) should be [fit-content(14px) fit-content(20px)]
     231PASS Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (0.6) should be [fit-content(16px) max-content]
    232232PASS Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (1) should be [fit-content(20px) max-content]
    233 FAIL Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content] assert_equals: expected "fit - content ( 30px ) max - content " but got "fit - content ( 20px ) max - content "
    234 FAIL CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)] assert_equals: expected "minmax ( 0px , 0fr ) minmax ( 10px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    235 FAIL CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)] assert_equals: expected "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    236 FAIL CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)] assert_equals: expected "minmax ( 14px , 1.4fr ) minmax ( 24px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    237 FAIL CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)] assert_equals: expected "minmax ( 16px , 1.6fr ) minmax ( 26px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     233PASS Web Animations: property <grid-template-rows> from [fit-content(10px) fit-content(20px)] to [fit-content(20px) max-content] at (2) should be [fit-content(30px) max-content]
     234PASS CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)]
     235PASS CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)]
     236PASS CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)]
     237PASS CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)]
    238238PASS CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (1) should be [minmax(20px, 2fr) minmax(30px, auto)]
    239 FAIL CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)] assert_equals: expected "minmax ( 30px , 3fr ) minmax ( 40px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    240 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)] assert_equals: expected "minmax ( 0px , 0fr ) minmax ( 10px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    241 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)] assert_equals: expected "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    242 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)] assert_equals: expected "minmax ( 14px , 1.4fr ) minmax ( 24px , 2fr ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    243 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)] assert_equals: expected "minmax ( 16px , 1.6fr ) minmax ( 26px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     239PASS CSS Transitions: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)]
     240PASS CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)]
     241PASS CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)]
     242PASS CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)]
     243PASS CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)]
    244244PASS CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (1) should be [minmax(20px, 2fr) minmax(30px, auto)]
    245 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)] assert_equals: expected "minmax ( 30px , 3fr ) minmax ( 40px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    246 FAIL CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)] assert_equals: expected "minmax ( 0px , 0fr ) minmax ( 10px , 2fr ) " but got "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) "
     245PASS CSS Transitions with transition: all: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)]
     246PASS CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)]
    247247PASS CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)]
    248 FAIL CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)] assert_equals: expected "minmax ( 14px , 1.4fr ) minmax ( 24px , 2fr ) " but got "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) "
    249 FAIL CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)] assert_equals: expected "minmax ( 16px , 1.6fr ) minmax ( 26px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     248PASS CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)]
     249PASS CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)]
    250250PASS CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (1) should be [minmax(20px, 2fr) minmax(30px, auto)]
    251 FAIL CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)] assert_equals: expected "minmax ( 30px , 3fr ) minmax ( 40px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
    252 FAIL Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)] assert_equals: expected "minmax ( 0px , 0fr ) minmax ( 10px , 2fr ) " but got "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) "
     251PASS CSS Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)]
     252PASS Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (-1) should be [minmax(0px, 0fr) minmax(10px, 2fr)]
    253253PASS Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0) should be [minmax(10px, 1fr) minmax(20px, 2fr)]
    254 FAIL Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)] assert_equals: expected "minmax ( 14px , 1.4fr ) minmax ( 24px , 2fr ) " but got "minmax ( 10px , 1fr ) minmax ( 20px , 2fr ) "
    255 FAIL Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)] assert_equals: expected "minmax ( 16px , 1.6fr ) minmax ( 26px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     254PASS Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.4) should be [minmax(14px, 1.4fr) minmax(24px, 2fr)]
     255PASS Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (0.6) should be [minmax(16px, 1.6fr) minmax(26px, auto)]
    256256PASS Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (1) should be [minmax(20px, 2fr) minmax(30px, auto)]
    257 FAIL Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)] assert_equals: expected "minmax ( 30px , 3fr ) minmax ( 40px , auto ) " but got "minmax ( 20px , 2fr ) minmax ( 30px , auto ) "
     257PASS Web Animations: property <grid-template-rows> from [minmax(10px, 1fr) minmax(20px, 2fr)] to [minmax(20px, 2fr) minmax(30px, auto)] at (2) should be [minmax(30px, 3fr) minmax(40px, auto)]
    258258PASS CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
    259259PASS CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
    … …  
    340340PASS Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
    341341PASS Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
    342 FAIL CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr] assert_equals: expected "0fr repeat ( 2 , 1fr auto 20px ) 0fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    343 FAIL CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr] assert_equals: expected "1fr repeat ( 2 , 2fr auto 30px ) 1fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    344 FAIL CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr] assert_equals: expected "1.4fr repeat ( 2 , 2.4fr auto 34px ) 1.4fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    345 FAIL CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr] assert_equals: expected "1.6fr repeat ( 2 , 2.6fr 30px 36px ) 1.6fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     342PASS CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr]
     343PASS CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr]
     344PASS CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr]
     345PASS CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr]
    346346PASS CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (1) should be [2fr repeat(2, 3fr 30px 40px) 2fr]
    347 FAIL CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr] assert_equals: expected "3fr repeat ( 2 , 4fr 30px 50px ) 3fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    348 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr] assert_equals: expected "0fr repeat ( 2 , 1fr auto 20px ) 0fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    349 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr] assert_equals: expected "1fr repeat ( 2 , 2fr auto 30px ) 1fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    350 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr] assert_equals: expected "1.4fr repeat ( 2 , 2.4fr auto 34px ) 1.4fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    351 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr] assert_equals: expected "1.6fr repeat ( 2 , 2.6fr 30px 36px ) 1.6fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     347PASS CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr]
     348PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr]
     349PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr]
     350PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr]
     351PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr]
    352352PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (1) should be [2fr repeat(2, 3fr 30px 40px) 2fr]
    353 FAIL CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr] assert_equals: expected "3fr repeat ( 2 , 4fr 30px 50px ) 3fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    354 FAIL CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr] assert_equals: expected "0fr repeat ( 2 , 1fr auto 20px ) 0fr " but got "1fr repeat ( 2 , 2fr auto 30px ) 1fr "
     353PASS CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr]
     354PASS CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr]
    355355PASS CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr]
    356 FAIL CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr] assert_equals: expected "1.4fr repeat ( 2 , 2.4fr auto 34px ) 1.4fr " but got "1fr repeat ( 2 , 2fr auto 30px ) 1fr "
    357 FAIL CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr] assert_equals: expected "1.6fr repeat ( 2 , 2.6fr 30px 36px ) 1.6fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     356PASS CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr]
     357PASS CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr]
    358358PASS CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (1) should be [2fr repeat(2, 3fr 30px 40px) 2fr]
    359 FAIL CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr] assert_equals: expected "3fr repeat ( 2 , 4fr 30px 50px ) 3fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
    360 FAIL Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr] assert_equals: expected "0fr repeat ( 2 , 1fr auto 20px ) 0fr " but got "1fr repeat ( 2 , 2fr auto 30px ) 1fr "
     359PASS CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr]
     360PASS Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (-1) should be [0fr repeat(2, 1fr auto 20px) 0fr]
    361361PASS Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0) should be [1fr repeat(2, 2fr auto 30px) 1fr]
    362 FAIL Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr] assert_equals: expected "1.4fr repeat ( 2 , 2.4fr auto 34px ) 1.4fr " but got "1fr repeat ( 2 , 2fr auto 30px ) 1fr "
    363 FAIL Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr] assert_equals: expected "1.6fr repeat ( 2 , 2.6fr 30px 36px ) 1.6fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     362PASS Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.4) should be [1.4fr repeat(2, 2.4fr auto 34px) 1.4fr]
     363PASS Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (0.6) should be [1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr]
    364364PASS Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (1) should be [2fr repeat(2, 3fr 30px 40px) 2fr]
    365 FAIL Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr] assert_equals: expected "3fr repeat ( 2 , 4fr 30px 50px ) 3fr " but got "2fr repeat ( 2 , 3fr 30px 40px ) 2fr "
     365PASS Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr auto 30px) 1fr] to [2fr repeat(2, 3fr 30px 40px) 2fr] at (2) should be [3fr repeat(2, 4fr 30px 50px) 3fr]
    366366PASS CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (-0.3) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
    367367PASS CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]

  • trunk/Source/WebCore/ChangeLog

    r292430 r292432  
     12022-04-05  Matt Woodrow  <mattwoodrow@apple.com>
     2
     3        Support transitions/animations on grid-template-columns|rows
     4        https://bugs.webkit.org/show_bug.cgi?id=204580
     5
     6        Reviewed by Antoine Quint.
     7
     8        * animation/CSSPropertyAnimation.cpp:
     9        (WebCore::canInterpolate):
     10        (WebCore::blendFunc):
     11
     12        GridTrackLists can be interpolated if they are the same length, and if any repeat() functions
     13        have the same length and count/type.
     14        Adds function for determining if two GridTrackLists can be interpolated, and function for interpolating
     15        per-entry if so.
     16        Adds blending helpers for GridTrackSize and GridLength.
     17
     18        * css/CSSComputedStyleDeclaration.cpp:
     19        (WebCore::valueForGridTrackList):
     20
     21        Remove empty line name sets from the serialized computed style in order to satisfy the shortest equivalent
     22        serialization principle.
     23
     24        * style/StyleBuilderConverter.h:
     25        (WebCore::Style::BuilderConverter::createGridTrackList):
     26
     27        Ensures computed track lists are stored in the canonical format (alternating between line name sets
     28        and track sizes, starting and ending with a line name set), in order to make the interpolation
     29        code simpler.
     30
    1312022-04-05  Eric Carlson  <eric.carlson@apple.com>
    232

  • trunk/Source/WebCore/animation/CSSPropertyAnimation.cpp

    r292412 r292432  
    610610}
    611611
     612static inline bool canInterpolate(const GridTrackList& from, const GridTrackList& to)
     613{
     614    if (from.size() != to.size())
     615        return false;
     616
     617    size_t i = 0;
     618    auto visitor = WTF::makeVisitor([&](const GridTrackSize&) {
     619        return std::holds_alternative<GridTrackSize>(to[i]);
     620    }, [&](const Vector<String>&) {
     621        return std::holds_alternative<Vector<String>>(to[i]);
     622    }, [&](const GridTrackEntryRepeat& repeat) {
     623        if (!std::holds_alternative<GridTrackEntryRepeat>(to[i]))
     624            return false;
     625        const auto& toEntry = std::get<GridTrackEntryRepeat>(to[i]);
     626        return repeat.repeats == toEntry.repeats && repeat.list.size() == toEntry.list.size();
     627    }, [&](const GridTrackEntryAutoRepeat& repeat) {
     628        return false;
     629        if (!std::holds_alternative<GridTrackEntryAutoRepeat>(to[i]))
     630            return false;
     631        const auto& toEntry = std::get<GridTrackEntryAutoRepeat>(to[i]);
     632        return repeat.type == toEntry.type && repeat.list.size() == toEntry.list.size();
     633    }, [&](const GridTrackEntrySubgrid&) {
     634        return false;
     635    });
     636
     637    for (i = 0; i < from.size(); i++) {
     638        if (!std::visit(visitor, from[i]))
     639            return false;
     640    }
     641
     642    return true;
     643}
     644
     645static inline GridLength blendFunc(const GridLength& from, const GridLength& to, const CSSPropertyBlendingContext& context)
     646{
     647    if (from.isFlex() != to.isFlex())
     648        return context.progress < 0.5 ? from : to;
     649
     650    if (from.isFlex())
     651        return GridLength(blend(from.flex(), to.flex(), context));
     652
     653    return GridLength(blendFunc(from.length(), to.length(), context));
     654}
     655
     656static inline GridTrackSize blendFunc(const GridTrackSize& from, const GridTrackSize& to, const CSSPropertyBlendingContext& context)
     657{
     658    if (from.type() != to.type())
     659        return context.progress < 0.5 ? from : to;
     660
     661    if (from.type() == LengthTrackSizing) {
     662        auto length = blendFunc(from.minTrackBreadth(), to.minTrackBreadth(), context);
     663        return GridTrackSize(length, LengthTrackSizing);
     664    }
     665    if (from.type() == MinMaxTrackSizing) {
     666        auto minTrackBreadth = blendFunc(from.minTrackBreadth(), to.minTrackBreadth(), context);
     667        auto maxTrackBreadth = blendFunc(from.maxTrackBreadth(), to.maxTrackBreadth(), context);
     668        return GridTrackSize(minTrackBreadth, maxTrackBreadth);
     669    }
     670
     671    auto fitContentBreadth = blendFunc(from.fitContentTrackBreadth(), to.fitContentTrackBreadth(), context);
     672    return GridTrackSize(fitContentBreadth, FitContentTrackSizing);
     673}
     674
     675static inline RepeatTrackList blendFunc(const RepeatTrackList& from, const RepeatTrackList& to, const CSSPropertyBlendingContext& context)
     676{
     677    RepeatTrackList result;
     678    size_t i = 0;
     679
     680    auto visitor = WTF::makeVisitor([&](const GridTrackSize& size) {
     681        result.append(blendFunc(size, std::get<GridTrackSize>(to[i]), context));
     682    }, [&](const Vector<String>& names) {
     683        if (context.progress < 0.5)
     684            result.append(names);
     685        else {
     686            const Vector<String>& toNames = std::get<Vector<String>>(to[i]);
     687            result.append(toNames);
     688        }
     689    });
     690
     691    for (i = 0; i < from.size(); i++)
     692        std::visit(visitor, from[i]);
     693
     694    return result;
     695}
     696
    612697static inline GridTrackList blendFunc(const GridTrackList& from, const GridTrackList& to, const CSSPropertyBlendingContext& context)
    613698{
    614     return context.progress < 0.5 ? from : to;
     699    if (!canInterpolate(from, to))
     700        return context.progress < 0.5 ? from : to;
     701
     702    GridTrackList result;
     703    size_t i = 0;
     704
     705    auto visitor = WTF::makeVisitor([&](const GridTrackSize& size) {
     706        result.append(blendFunc(size, std::get<GridTrackSize>(to[i]), context));
     707    }, [&](const Vector<String>& names) {
     708        if (context.progress < 0.5)
     709            result.append(names);
     710        else {
     711            const Vector<String>& toNames = std::get<Vector<String>>(to[i]);
     712            result.append(toNames);
     713        }
     714    }, [&](const GridTrackEntryRepeat& repeatFrom) {
     715        const auto& repeatTo = std::get<GridTrackEntryRepeat>(to[i]);
     716        GridTrackEntryRepeat repeatResult;
     717        repeatResult.repeats = repeatFrom.repeats;
     718        repeatResult.list = blendFunc(repeatFrom.list, repeatTo.list, context);
     719        result.append(WTFMove(repeatResult));
     720    }, [&](const GridTrackEntryAutoRepeat& repeatFrom) {
     721        const auto& repeatTo = std::get<GridTrackEntryAutoRepeat>(to[i]);
     722        GridTrackEntryAutoRepeat repeatResult;
     723        repeatResult.type = repeatFrom.type;
     724        repeatResult.list = blendFunc(repeatFrom.list, repeatTo.list, context);
     725        result.append(WTFMove(repeatResult));
     726    }, [&](const GridTrackEntrySubgrid&) {
     727    });
     728
     729
     730    for (i = 0; i < from.size(); i++)
     731        std::visit(visitor, from[i]);
     732
     733    return result;
    615734}
    616735
    … …  
    771890    }
    772891
    773     bool canInterpolate(const RenderStyle&, const RenderStyle&, CompositeOperation) const final
    774     {
    775         return false;
     892    bool canInterpolate(const RenderStyle& from, const RenderStyle& to, CompositeOperation) const final
     893    {
     894        return WebCore::canInterpolate(this->value(from), this->value(to));
    776895    }
    777896};

  • trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp

    r292394 r292432  
    10741074    auto repeatVisitor = [&](CSSValueList& dest, const RepeatEntry& entry) {
    10751075        if (std::holds_alternative<Vector<String>>(entry)) {
     1076            const auto& names = std::get<Vector<String>>(entry);
     1077            if (names.isEmpty() && !isSubgrid)
     1078                return;
    10761079            auto lineNamesValue = CSSGridLineNamesValue::create();
    1077             for (const auto& name : std::get<Vector<String>>(entry))
     1080            for (const auto& name : names)
    10781081                lineNamesValue->append(CSSValuePool::singleton().createCustomIdent(name));
    10791082            dest.append(lineNamesValue);
    … …  
    10861089        list->append(specifiedValueForGridTrackSize(size, style));
    10871090    }, [&](const Vector<String>& names) {
     1091        // Subgrids don't have track sizes specified, so empty line names sets
     1092        // need to be serialized, as they are meaningful placeholders.
     1093        if (names.isEmpty() && !isSubgrid)
     1094            return;
     1095
    10881096        auto lineNamesValue = CSSGridLineNamesValue::create();
    10891097        for (const auto& name : names)

  • trunk/Source/WebCore/style/StyleBuilderConverter.h

    r292382 r292432  
    992992        return false;
    993993
    994     if (is<CSSSubgridValue>(value))
     994    bool isSubgrid = false;
     995    if (is<CSSSubgridValue>(value)) {
     996        isSubgrid = true;
    995997        trackList.append(GridTrackEntrySubgrid());
     998    }
     999
     1000    // https://drafts.csswg.org/css-grid-2/#computed-tracks
     1001    // The computed track list of a non-subgrid axis is a list alternating between line name sets
     1002    // and track sections, with the first and last items being line name sets.
     1003    auto ensureLineNames = [&](auto& list) {
     1004        if (isSubgrid)
     1005            return;
     1006        if (list.isEmpty() || !std::holds_alternative<Vector<String>>(list.last()))
     1007            list.append(Vector<String>());
     1008    };
    9961009
    9971010    auto buildRepeatList = [&](const CSSValue& repeatValue, RepeatTrackList& repeatList) {
    … …  
    10021015                    names.append(downcast<CSSPrimitiveValue>(namedGridLineValue.get()).stringValue());
    10031016                repeatList.append(WTFMove(names));
    1004             } else
     1017            } else {
     1018                ensureLineNames(repeatList);
    10051019                repeatList.append(createGridTrackSize(currentValue, builderState));
     1020            }
    10061021        }
     1022
     1023        if (!repeatList.isEmpty())
     1024            ensureLineNames(repeatList);
    10071025    };
    10081026
    1009     // FIXME: Ensure we always have a line name set at the start and end, unless we're
    1010     // subgrid, since this is the canonical represented of the computed value.
    1011     // Make sure code reading this handles empty line name sets.
    1012 
    10131027    for (auto& currentValue : downcast<CSSValueList>(value)) {
     1028        if (is<CSSGridLineNamesValue>(currentValue)) {
     1029            Vector<String> names;
     1030            for (auto& namedGridLineValue : downcast<CSSGridLineNamesValue>(currentValue.get()))
     1031                names.append(downcast<CSSPrimitiveValue>(namedGridLineValue.get()).stringValue());
     1032            trackList.append(WTFMove(names));
     1033            continue;
     1034        }
     1035
     1036        ensureLineNames(trackList);
     1037
    10141038        if (is<CSSGridAutoRepeatValue>(currentValue)) {
    10151039            CSSValueID autoRepeatID = downcast<CSSGridAutoRepeatValue>(currentValue.get()).autoRepeatID();
    … …  
    10271051            buildRepeatList(currentValue, repeat.list);
    10281052            trackList.append(WTFMove(repeat));
    1029         } else if (is<CSSGridLineNamesValue>(currentValue)) {
    1030             Vector<String> names;
    1031             for (auto& namedGridLineValue : downcast<CSSGridLineNamesValue>(currentValue.get())) {
    1032                 names.append(downcast<CSSPrimitiveValue>(namedGridLineValue.get()).stringValue());
    1033             }
    1034             trackList.append(WTFMove(names));
    10351053        } else {
    10361054            trackList.append(createGridTrackSize(currentValue, builderState));
    10371055        }
    10381056    }
     1057
     1058    if (!trackList.isEmpty())
     1059        ensureLineNames(trackList);
    10391060
    10401061    return true;
Note: See TracChangeset for help on using the changeset viewer.