LibWeb: Handle interpolation of grid track size lists

This allows the `grid-template-rows` and `grid-template-columns`
properties to be correctly interpolated.
This commit is contained in:
Tim Ledbetter 2025-09-23 15:26:25 +01:00 committed by Sam Atkins
parent 436e9c317a
commit d18d40f7b9
Notes: github-actions[bot] 2025-09-26 10:16:15 +00:00
25 changed files with 2364 additions and 0 deletions

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Grid: Reference for grid-template-columns interpolation</title>
<style>
.grid {
display: grid;
width: 400px;
grid-gap: 10px;
grid-template-columns: 60px 1fr;
}
span { border: 1px solid; }
</style>
</head>
<body>
<div class="grid">
<span>column1</span>
<span>column2</span>
</div>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Grid: Reference for grid-template-rows interpolation</title>
<style>
.grid {
display: grid;
width: 400px;
height: 400px;
grid-gap: 10px;
grid-template-rows: 60px 1fr;
}
span { border: 1px solid; }
</style>
</head>
<body>
<div class="grid">
<span>row1</span>
<span>row2</span>
</div>
</body>
</html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<title>CSS Grid: Test grid-template-columns interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<link rel="match" href="../../../../../expected/wpt-import/css/css-grid/animation/grid-template-columns-001-ref.html">
<meta name="assert" content="The grid-template-columns property should have
correct interpolation result.">
<style>
@keyframes anim {
from {
grid-template-columns: 20px 1fr;
}
to {
grid-template-columns: 100px 1fr;
}
}
.grid {
display: grid;
width: 400px;
grid-gap: 10px;
animation: anim 10s -5s paused linear;
}
span { border: 1px solid; }
</style>
</head>
<body>
<div class="grid">
<span>column1</span>
<span>column2</span>
</div>
</body>
<script>
requestAnimationFrame(() => {
document.documentElement.classList.remove('reftest-wait');
});
</script>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<title>CSS Grid: Test grid-template-rows interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<link rel="match" href="../../../../../expected/wpt-import/css/css-grid/animation/grid-template-rows-001-ref.html">
<meta name="assert" content="The grid-template-rows property should have
correct interpolation result.">
<style>
@keyframes anim {
from {
grid-template-rows: 20px 1fr;
}
to {
grid-template-rows: 100px 1fr;
}
}
.grid {
display: grid;
width: 400px;
height: 400px;
grid-gap: 10px;
animation: anim 10s -5s paused linear;
}
span { border: 1px solid; }
</style>
</head>
<body>
<div class="grid">
<span>row1</span>
<span>row2</span>
</div>
</body>
<script>
requestAnimationFrame(() => {
document.documentElement.classList.remove('reftest-wait');
});
</script>
</html>

View file

@ -0,0 +1,689 @@
Harness status: OK
Found 684 tests
684 Pass
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [10px 20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0) should be [10px 20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.3) should be [10px 20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [10px 20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0) should be [10px 20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.3) should be [10px 20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.3) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.3) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.3) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.3) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (-0.3) should be [none]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0) should be [none]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.3) should be [none]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (-0.3) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.3) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (-0.3) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.3) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (-0.3) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (0) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (0.3) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (-0.3) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (0) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (0.3) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [none] to [20px 30px] at (-0.3) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [none] to [20px 30px] at (0) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [none] to [20px 30px] at (0.3) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [none] to [20px 30px] at (-0.3) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [none] to [20px 30px] at (0) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [none] to [20px 30px] at (0.3) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Animations: property <grid-template-columns> from [none] to [20px 30px] at (-0.3) should be [none]
Pass CSS Animations: property <grid-template-columns> from [none] to [20px 30px] at (0) should be [none]
Pass CSS Animations: property <grid-template-columns> from [none] to [20px 30px] at (0.3) should be [none]
Pass CSS Animations: property <grid-template-columns> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Animations: property <grid-template-columns> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Animations: property <grid-template-columns> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Animations: property <grid-template-columns> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (-0.3) should be [none]
Pass Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (0) should be [none]
Pass Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (0.3) should be [none]
Pass Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass Web Animations: property <grid-template-columns> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass 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]
Pass 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]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Transitions: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass Web Animations: property <grid-template-columns> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
Pass 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]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
Pass 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]
Pass 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]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass CSS Transitions: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (-1) should be [10px 10px 10px]
Pass CSS Transitions: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0) should be [10px 10px 10px]
Pass CSS Transitions: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [10px 10px 10px]
Pass CSS Transitions: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (1) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (2) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (-1) should be [10px 10px 10px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0) should be [10px 10px 10px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [10px 10px 10px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (1) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (2) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (-1) should be [10px 10px 10px]
Pass CSS Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0) should be [10px 10px 10px]
Pass CSS Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [10px 10px 10px]
Pass CSS Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (1) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (2) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (-1) should be [10px 10px 10px]
Pass Web Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0) should be [10px 10px 10px]
Pass Web Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [10px 10px 10px]
Pass Web Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (1) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (2) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (-1) should be [1fr 1fr 1fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [1fr 1fr 1fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (1) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (2) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (-1) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (1) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (2) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (-1) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (1) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (2) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (-1) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (1) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (2) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (-1) should be [fit-content(10px)]
Pass CSS Transitions: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0) should be [fit-content(10px)]
Pass CSS Transitions: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.4) should be [fit-content(10px)]
Pass CSS Transitions: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.6) should be [minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (1) should be [minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (2) should be [minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (-1) should be [fit-content(10px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0) should be [fit-content(10px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.4) should be [fit-content(10px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.6) should be [minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (1) should be [minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (2) should be [minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (-1) should be [fit-content(10px)]
Pass CSS Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0) should be [fit-content(10px)]
Pass CSS Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.4) should be [fit-content(10px)]
Pass CSS Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.6) should be [minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (1) should be [minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (2) should be [minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (-1) should be [fit-content(10px)]
Pass Web Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0) should be [fit-content(10px)]
Pass Web Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.4) should be [fit-content(10px)]
Pass Web Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.6) should be [minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (1) should be [minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-columns> from [fit-content(10px)] to [minmax(20px, 2fr)] at (2) should be [minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Transitions: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Transitions: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Transitions: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Transitions: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Transitions: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass Web Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass Web Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass Web Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass Web Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass Web Animations: property <grid-template-columns> from [inherit] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition: all: 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]
Pass CSS Transitions with transition: all: 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]
Pass CSS Transitions with transition: all: 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]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass Web Animations: property <grid-template-columns> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass CSS Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(2, 2fr 30px)]
Pass CSS Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(2, 2fr 30px)]
Pass Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(2, 2fr 30px)]
Pass Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(2, 2fr 30px)]
Pass Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass Web Animations: property <grid-template-columns> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Transitions with transition-behavior:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass 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))]
Pass 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))]
Pass 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))]
Pass 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.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass 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.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass 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 (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass 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 (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition: all: 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))]
Pass CSS Transitions with transition: all: 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))]
Pass CSS Transitions with transition: all: 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))]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass Web Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass Web Animations: property <grid-template-columns> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]

View file

@ -0,0 +1,6 @@
Harness status: OK
Found 1 tests
1 Pass
Pass Invalidate the result for the neutral keyframe if the value of the <track-breadth> changes.

View file

@ -0,0 +1,6 @@
Harness status: OK
Found 1 tests
1 Pass
Pass Invalidate the result for the neutral keyframe if the type of <track-size> changes.

View file

@ -0,0 +1,6 @@
Harness status: OK
Found 1 tests
1 Pass
Pass Invalidate the result for the neutral keyframe if the size of the list changes.

View file

@ -0,0 +1,6 @@
Harness status: OK
Found 1 tests
1 Pass
Pass Invalidate the result for the neutral keyframe if the named lines change.

View file

@ -0,0 +1,689 @@
Harness status: OK
Found 684 tests
684 Pass
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (-0.3) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.3) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.5) should be [2fr 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (0.6) should be [2fr 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1) should be [2fr 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr 2fr] at (1.5) should be [2fr 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [10px 20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0) should be [10px 20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.3) should be [10px 20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [10px 20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0) should be [10px 20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.3) should be [10px 20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.3) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.3) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.3) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (-0.3) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.3) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.5) should be [20px 30px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (0.6) should be [20px 30px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1) should be [20px 30px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (-0.3) should be [none]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0) should be [none]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.3) should be [none]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (-0.3) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.3) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (-0.3) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.3) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (-0.3) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.3) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.5) should be [none]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (0.6) should be [none]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1) should be [none]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [none] at (1.5) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (-0.3) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (0) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (0.3) should be [none]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (-0.3) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (0) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (0.3) should be [none]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [none] to [20px 30px] at (-0.3) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [none] to [20px 30px] at (0) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [none] to [20px 30px] at (0.3) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [none] to [20px 30px] at (-0.3) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [none] to [20px 30px] at (0) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [none] to [20px 30px] at (0.3) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Animations: property <grid-template-rows> from [none] to [20px 30px] at (-0.3) should be [none]
Pass CSS Animations: property <grid-template-rows> from [none] to [20px 30px] at (0) should be [none]
Pass CSS Animations: property <grid-template-rows> from [none] to [20px 30px] at (0.3) should be [none]
Pass CSS Animations: property <grid-template-rows> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass CSS Animations: property <grid-template-rows> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass CSS Animations: property <grid-template-rows> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass CSS Animations: property <grid-template-rows> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (-0.3) should be [none]
Pass Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (0) should be [none]
Pass Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (0.3) should be [none]
Pass Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (0.5) should be [20px 30px]
Pass Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (0.6) should be [20px 30px]
Pass Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (1) should be [20px 30px]
Pass Web Animations: property <grid-template-rows> from [none] to [20px 30px] at (1.5) should be [20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass 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]
Pass 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]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Transitions: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass Web Animations: property <grid-template-rows> from [10px 20px 30px] to [20% 30% 40px] at (1) should be [20% 30% 40px]
Pass 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]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
Pass 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]
Pass 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]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (-1) should be [0fr 1fr 0fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.4) should be [1.4fr 1fr 1.4fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (0.6) should be [1.6fr auto 1.6fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (1) should be [2fr auto 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [2fr auto 2fr] at (2) should be [3fr auto 3fr]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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]
Pass 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]
Pass 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]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass 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)]
Pass CSS Transitions: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (-1) should be [10px 10px 10px]
Pass CSS Transitions: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0) should be [10px 10px 10px]
Pass CSS Transitions: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [10px 10px 10px]
Pass CSS Transitions: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (1) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (2) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (-1) should be [10px 10px 10px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0) should be [10px 10px 10px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [10px 10px 10px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (1) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (2) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (-1) should be [10px 10px 10px]
Pass CSS Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0) should be [10px 10px 10px]
Pass CSS Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [10px 10px 10px]
Pass CSS Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (1) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (2) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (-1) should be [10px 10px 10px]
Pass Web Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0) should be [10px 10px 10px]
Pass Web Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [10px 10px 10px]
Pass Web Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (1) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [10px 10px 10px] to [1fr fit-content(20px) minmax(20px, 2fr)] at (2) should be [1fr fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (-1) should be [1fr 1fr 1fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [1fr 1fr 1fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (1) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (2) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (-1) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [1fr 1fr 1fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (1) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (2) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (-1) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [1fr 1fr 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (1) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (2) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (-1) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.4) should be [1fr 1fr 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (0.6) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (1) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [1fr 1fr 1fr] to [20px fit-content(20px) minmax(20px, 2fr)] at (2) should be [20px fit-content(20px) minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (-1) should be [fit-content(10px)]
Pass CSS Transitions: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0) should be [fit-content(10px)]
Pass CSS Transitions: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.4) should be [fit-content(10px)]
Pass CSS Transitions: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.6) should be [minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (1) should be [minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (2) should be [minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (-1) should be [fit-content(10px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0) should be [fit-content(10px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.4) should be [fit-content(10px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.6) should be [minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (1) should be [minmax(20px, 2fr)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (2) should be [minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (-1) should be [fit-content(10px)]
Pass CSS Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0) should be [fit-content(10px)]
Pass CSS Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.4) should be [fit-content(10px)]
Pass CSS Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.6) should be [minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (1) should be [minmax(20px, 2fr)]
Pass CSS Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (2) should be [minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (-1) should be [fit-content(10px)]
Pass Web Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0) should be [fit-content(10px)]
Pass Web Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.4) should be [fit-content(10px)]
Pass Web Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (0.6) should be [minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (1) should be [minmax(20px, 2fr)]
Pass Web Animations: property <grid-template-rows> from [fit-content(10px)] to [minmax(20px, 2fr)] at (2) should be [minmax(20px, 2fr)]
Pass CSS Transitions: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Transitions: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Transitions: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Transitions: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Transitions: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Transitions: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass CSS Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass CSS Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass CSS Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass CSS Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass CSS Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass Web Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (-1) should be [0px 10px 20px]
Pass Web Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0) should be [10px 20px 30px]
Pass Web Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0.4) should be [14px 24px 34px]
Pass Web Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (0.6) should be [16px 26px 36px]
Pass Web Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (1) should be [20px 30px 40px]
Pass Web Animations: property <grid-template-rows> from [inherit] to [20px 30px 40px] at (2) should be [30px 40px 50px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition: all: 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]
Pass CSS Transitions with transition: all: 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]
Pass CSS Transitions with transition: all: 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]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (0.6) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(2, 3fr 40px 50px) 2fr] at (1.5) should be [2fr repeat(2, 3fr 40px 50px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (-0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.3) should be [1fr repeat(2, 2fr 30px) 1fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (0.6) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass Web Animations: property <grid-template-rows> from [1fr repeat(2, 2fr 30px) 1fr] to [2fr repeat(3, 3fr 40px) 2fr] at (1.5) should be [2fr repeat(3, 3fr 40px) 2fr]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Transitions: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass CSS Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(2, 2fr 30px)]
Pass CSS Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(2, 2fr 30px)]
Pass CSS Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass CSS Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass CSS Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass CSS Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (-0.3) should be [repeat(2, 2fr 30px)]
Pass Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0) should be [repeat(2, 2fr 30px)]
Pass Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.3) should be [repeat(2, 2fr 30px)]
Pass Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.5) should be [repeat(4, 40px)]
Pass Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (0.6) should be [repeat(4, 40px)]
Pass Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1) should be [repeat(4, 40px)]
Pass Web Animations: property <grid-template-rows> from [repeat(2, 2fr 30px)] to [repeat(4, 40px)] at (1.5) should be [repeat(4, 40px)]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass 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]
Pass CSS Transitions with transition-behavior:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass 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))]
Pass 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))]
Pass 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))]
Pass 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.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass 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.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass 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 (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass 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 (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition: all: 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))]
Pass CSS Transitions with transition: all: 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))]
Pass CSS Transitions with transition: all: 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))]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass Web Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: 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 [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (0.6) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px 20px repeat(auto-fill, minmax(30px, 1fr))] at (1.5) should be [20px 20px repeat(auto-fill, minmax(30px, 1fr))]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (0.6) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fit, minmax(30px, 1fr)) 20px] at (1.5) should be [20px repeat(auto-fit, minmax(30px, 1fr)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-behavior:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Transitions with transition: all: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass CSS Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (-0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.3) should be [10px repeat(auto-fill, minmax(25px, 1fr)) 10px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (0.6) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]
Pass Web Animations: property <grid-template-rows> from [10px repeat(auto-fill, minmax(25px, 1fr)) 10px] to [20px repeat(auto-fill, minmax(35px, auto)) 20px] at (1.5) should be [20px repeat(auto-fill, minmax(35px, auto)) 20px]

View file

@ -0,0 +1,6 @@
Harness status: OK
Found 1 tests
1 Pass
Pass Invalidate the result for the neutral keyframe if the value of the <track-breadth> changes.

View file

@ -0,0 +1,6 @@
Harness status: OK
Found 1 tests
1 Pass
Pass Invalidate the result for the neutral keyframe if the type of <track-size> changes.

View file

@ -0,0 +1,6 @@
Harness status: OK
Found 1 tests
1 Pass
Pass Invalidate the result for the neutral keyframe if the size of the list changes.

View file

@ -0,0 +1,6 @@
Harness status: OK
Found 1 tests
1 Pass
Pass Invalidate the result for the neutral keyframe if the named lines change.

View file

@ -0,0 +1,230 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-columns interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-columns supports animation.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
<style>
.parent {
grid-template-columns: 10px 20px 30px;
}
</style>
</head>
<body>
<script>
'use strict';
// Distinct length of track list.
test_no_interpolation({
property: 'grid-template-columns',
from: "1fr 1fr 1fr",
to: "2fr 2fr"
});
test_no_interpolation({
property: 'grid-template-columns',
from: "10px 20px 30px",
to: "20px 30px"
});
test_no_interpolation({
property: 'grid-template-columns',
from: "1fr 1fr 1fr",
to: "none"
});
test_no_interpolation({
property: 'grid-template-columns',
from: "none",
to: "20px 30px"
});
// Exercise <explicit-track-list>
test_interpolation({
property: 'grid-template-columns',
from: "10px 20px 30px",
to: "20px 30px 40px"
}, [
{at: -1, expect: "0px 10px 20px"},
{at: 0, expect: "10px 20px 30px"},
{at: 0.4, expect: "14px 24px 34px"},
{at: 0.6, expect: "16px 26px 36px"},
{at: 1, expect: "20px 30px 40px"},
{at: 2, expect: "30px 40px 50px"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "10px 20px 30px",
to: "20% 30% 40px"
}, [
{at: -1, expect: "calc(20px + -20%) calc(40px + -30%) 20px"},
{at: 0, expect: "calc(10px + 0%) calc(20px + 0%) 30px"},
{at: 0.4, expect: "calc(6px + 8%) calc(12px + 12%) 34px"},
{at: 0.6, expect: "calc(4px + 12%) calc(8px + 18%) 36px"},
{at: 1, expect: "20% 30% 40px"},
{at: 2, expect: "calc(-10px + 40%) calc(-20px + 60%) 50px"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "1fr 1fr 1fr",
to: "2fr auto 2fr"
}, [
{at: -1, expect: "0fr 1fr 0fr"},
{at: 0, expect: "1fr 1fr 1fr"},
{at: 0.4, expect: "1.4fr 1fr 1.4fr"},
{at: 0.6, expect: "1.6fr auto 1.6fr"},
{at: 1, expect: "2fr auto 2fr"},
{at: 2, expect: "3fr auto 3fr"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "1fr [a b] 1fr [d] 1fr",
to: "2fr [c] auto 2fr"
}, [
{at: -1, expect: "0fr [a b] 1fr [d] 0fr"},
{at: 0, expect: "1fr [a b] 1fr [d] 1fr"},
{at: 0.4, expect: "1.4fr [a b] 1fr [d] 1.4fr"},
{at: 0.6, expect: "1.6fr [c] auto 1.6fr"},
{at: 1, expect: "2fr [c] auto 2fr"},
{at: 2, expect: "3fr [c] auto 3fr"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "fit-content(10px) fit-content(20px)",
to: "fit-content(20px) max-content"
}, [
{at: -1, expect: "fit-content(0px) fit-content(20px)"},
{at: 0, expect: "fit-content(10px) fit-content(20px)"},
{at: 0.4, expect: "fit-content(14px) fit-content(20px)"},
{at: 0.6, expect: "fit-content(16px) max-content"},
{at: 1, expect: "fit-content(20px) max-content"},
{at: 2, expect: "fit-content(30px) max-content"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "minmax(10px, 1fr) minmax(20px, 2fr)",
to: "minmax(20px, 2fr) minmax(30px, auto)"
}, [
{at: -1, expect: "minmax(0px, 0fr) minmax(10px, 2fr)"},
{at: 0, expect: "minmax(10px, 1fr) minmax(20px, 2fr)"},
{at: 0.4, expect: "minmax(14px, 1.4fr) minmax(24px, 2fr)"},
{at: 0.6, expect: "minmax(16px, 1.6fr) minmax(26px, auto)"},
{at: 1, expect: "minmax(20px, 2fr) minmax(30px, auto)"},
{at: 2, expect: "minmax(30px, 3fr) minmax(40px, auto)"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "10px 10px 10px",
to: "1fr fit-content(20px) minmax(20px, 2fr)"
}, [
{at: -1, expect: "10px 10px 10px"},
{at: 0, expect: "10px 10px 10px"},
{at: 0.4, expect: "10px 10px 10px"},
{at: 0.6, expect: "1fr fit-content(20px) minmax(20px, 2fr)"},
{at: 1, expect: "1fr fit-content(20px) minmax(20px, 2fr)"},
{at: 2, expect: "1fr fit-content(20px) minmax(20px, 2fr)"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "1fr 1fr 1fr",
to: "20px fit-content(20px) minmax(20px, 2fr)"
}, [
{at: -1, expect: "1fr 1fr 1fr"},
{at: 0, expect: "1fr 1fr 1fr"},
{at: 0.4, expect: "1fr 1fr 1fr"},
{at: 0.6, expect: "20px fit-content(20px) minmax(20px, 2fr)"},
{at: 1, expect: "20px fit-content(20px) minmax(20px, 2fr)"},
{at: 2, expect: "20px fit-content(20px) minmax(20px, 2fr)"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "fit-content(10px)",
to: "minmax(20px, 2fr)"
}, [
{at: -1, expect: "fit-content(10px)"},
{at: 0, expect: "fit-content(10px)"},
{at: 0.4, expect: "fit-content(10px)"},
{at: 0.6, expect: "minmax(20px, 2fr)"},
{at: 1, expect: "minmax(20px, 2fr)"},
{at: 2, expect: "minmax(20px, 2fr)"}
]);
test_interpolation({
property: 'grid-template-columns',
from: "inherit",
to: "20px 30px 40px"
}, [
{at: -1, expect: "0px 10px 20px"},
{at: 0, expect: "10px 20px 30px"},
{at: 0.4, expect: "14px 24px 34px"},
{at: 0.6, expect: "16px 26px 36px"},
{at: 1, expect: "20px 30px 40px"},
{at: 2, expect: "30px 40px 50px"}
]);
// Exercise <track-list> (with <track-repeat>)
// https://drafts.csswg.org/css-grid/#repeat-interpolation
test_no_interpolation({
property: 'grid-template-columns',
from: "1fr repeat(2, 2fr 30px) 1fr",
to: "2fr repeat(2, 3fr 40px 50px) 2fr"
});
test_no_interpolation({
property: 'grid-template-columns',
from: "1fr repeat(2, 2fr 30px) 1fr",
to: "2fr repeat(3, 3fr 40px) 2fr"
});
test_no_interpolation({
property: 'grid-template-columns',
from: "repeat(2, 2fr 30px)",
to: "repeat(4, 40px)"
});
test_interpolation({
property: 'grid-template-columns',
from: "1fr repeat(2, 2fr auto 30px) 1fr",
to: "2fr repeat(2, 3fr 30px 40px) 2fr"
}, [
{at: -1, expect: "0fr repeat(2, 1fr auto 20px) 0fr"},
{at: 0, expect: "1fr repeat(2, 2fr auto 30px) 1fr"},
{at: 0.4, expect: "1.4fr repeat(2, 2.4fr auto 34px) 1.4fr"},
{at: 0.6, expect: "1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr"},
{at: 1, expect: "2fr repeat(2, 3fr 30px 40px) 2fr"},
{at: 2, expect: "3fr repeat(2, 4fr 30px 50px) 3fr"}
]);
// Exercise <auto-track-list>
test_no_interpolation({
property: 'grid-template-columns',
from: "10px repeat(auto-fill, minmax(25px, 1fr)) 10px",
to: "20px 20px repeat(auto-fill, minmax(30px, 1fr))"
});
test_no_interpolation({
property: 'grid-template-columns',
from: "10px repeat(auto-fill, minmax(25px, 1fr)) 10px",
to: "20px repeat(auto-fit, minmax(30px, 1fr)) 20px"
});
test_no_interpolation({
property: 'grid-template-columns',
from: "10px repeat(auto-fill, minmax(25px, 1fr)) 10px",
to: "20px repeat(auto-fill, minmax(35px, auto)) 20px"
});
</script>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-columns neutral keyframe</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-columns supports neutral keyframe.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test(() => {
target.style.gridTemplateColumns = '1fr 200px';
var animation = target.animate([{}, {gridTemplateColumns: '30px 300px'}], 1000);
animation.pause();
animation.currentTime = 500;
assert_equals(getComputedStyle(target).gridTemplateColumns, '30px 250px');
target.style.gridTemplateColumns = '20px 200px';
assert_equals(getComputedStyle(target).gridTemplateColumns, '25px 250px');
}, 'Invalidate the result for the neutral keyframe if the value of the <track-breadth> changes.');
</script>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-columns neutral keyframe</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-columns supports neutral keyframe.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test(() => {
target.style.gridTemplateColumns = '10px minmax(10px, 1fr)';
var animation = target.animate([{}, {gridTemplateColumns: '30px minmax(30px, 3fr)'}], 1000);
animation.pause();
animation.currentTime = 500;
assert_equals(getComputedStyle(target).gridTemplateColumns, '20px minmax(20px, 2fr)');
target.style.gridTemplateColumns = '10px fit-content(10px)';
assert_equals(getComputedStyle(target).gridTemplateColumns, '20px minmax(30px, 3fr)');
}, 'Invalidate the result for the neutral keyframe if the type of <track-size> changes.');
</script>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-columns neutral keyframe</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-columns supports neutral keyframe.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test(() => {
target.style.gridTemplateColumns = '200px';
var animation = target.animate([{}, {gridTemplateColumns: '30px 300px'}], 1000);
animation.pause();
animation.currentTime = 500;
assert_equals(getComputedStyle(target).gridTemplateColumns, '30px 300px');
target.style.gridTemplateColumns = '20px 200px';
assert_equals(getComputedStyle(target).gridTemplateColumns, '25px 250px');
target.style.gridTemplateColumns = '200px';
assert_equals(getComputedStyle(target).gridTemplateColumns, '30px 300px');
}, 'Invalidate the result for the neutral keyframe if the size of the list changes.');
</script>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-columns neutral keyframe</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-columns supports neutral keyframe.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test(() => {
target.style.gridTemplateColumns = '10px [a] 20px [b]';
var animation = target.animate([{}, {gridTemplateColumns: '30px 40px [c]'}], 1000);
animation.pause();
animation.currentTime = 250;
assert_equals(getComputedStyle(target).gridTemplateColumns, '15px [a] 25px [b]');
target.style.gridTemplateColumns = '10px 20px [d]';
assert_equals(getComputedStyle(target).gridTemplateColumns, '15px 25px [d]');
}, 'Invalidate the result for the neutral keyframe if the named lines change.');
</script>
</body>
</html>

View file

@ -0,0 +1,231 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-rows interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-rows supports animation.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
<style>
.parent {
grid-template-rows: 10px 20px 30px;
}
</style>
</head>
<body>
<script>
'use strict';
// Distinct length of track list.
test_no_interpolation({
property: 'grid-template-rows',
from: "1fr 1fr 1fr",
to: "2fr 2fr"
});
test_no_interpolation({
property: 'grid-template-rows',
from: "10px 20px 30px",
to: "20px 30px"
});
test_no_interpolation({
property: 'grid-template-rows',
from: "1fr 1fr 1fr",
to: "none"
});
test_no_interpolation({
property: 'grid-template-rows',
from: "none",
to: "20px 30px"
});
// Exercise <explicit-track-list>
test_interpolation({
property: 'grid-template-rows',
from: "10px 20px 30px",
to: "20px 30px 40px"
}, [
{at: -1, expect: "0px 10px 20px"},
{at: 0, expect: "10px 20px 30px"},
{at: 0.4, expect: "14px 24px 34px"},
{at: 0.6, expect: "16px 26px 36px"},
{at: 1, expect: "20px 30px 40px"},
{at: 2, expect: "30px 40px 50px"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "10px 20px 30px",
to: "20% 30% 40px"
}, [
{at: -1, expect: "calc(20px + -20%) calc(40px + -30%) 20px"},
{at: 0, expect: "calc(10px + 0%) calc(20px + 0%) 30px"},
{at: 0.4, expect: "calc(6px + 8%) calc(12px + 12%) 34px"},
{at: 0.6, expect: "calc(4px + 12%) calc(8px + 18%) 36px"},
{at: 1, expect: "20% 30% 40px"},
{at: 2, expect: "calc(-10px + 40%) calc(-20px + 60%) 50px"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "1fr 1fr 1fr",
to: "2fr auto 2fr"
}, [
{at: -1, expect: "0fr 1fr 0fr"},
{at: 0, expect: "1fr 1fr 1fr"},
{at: 0.4, expect: "1.4fr 1fr 1.4fr"},
{at: 0.6, expect: "1.6fr auto 1.6fr"},
{at: 1, expect: "2fr auto 2fr"},
{at: 2, expect: "3fr auto 3fr"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "1fr [a b] 1fr [d] 1fr",
to: "2fr [c] auto 2fr"
}, [
{at: -1, expect: "0fr [a b] 1fr [d] 0fr"},
{at: 0, expect: "1fr [a b] 1fr [d] 1fr"},
{at: 0.4, expect: "1.4fr [a b] 1fr [d] 1.4fr"},
{at: 0.6, expect: "1.6fr [c] auto 1.6fr"},
{at: 1, expect: "2fr [c] auto 2fr"},
{at: 2, expect: "3fr [c] auto 3fr"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "fit-content(10px) fit-content(20px)",
to: "fit-content(20px) max-content"
}, [
{at: -1, expect: "fit-content(0px) fit-content(20px)"},
{at: 0, expect: "fit-content(10px) fit-content(20px)"},
{at: 0.4, expect: "fit-content(14px) fit-content(20px)"},
{at: 0.6, expect: "fit-content(16px) max-content"},
{at: 1, expect: "fit-content(20px) max-content"},
{at: 2, expect: "fit-content(30px) max-content"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "minmax(10px, 1fr) minmax(20px, 2fr)",
to: "minmax(20px, 2fr) minmax(30px, auto)"
}, [
{at: -1, expect: "minmax(0px, 0fr) minmax(10px, 2fr)"},
{at: 0, expect: "minmax(10px, 1fr) minmax(20px, 2fr)"},
{at: 0.4, expect: "minmax(14px, 1.4fr) minmax(24px, 2fr)"},
{at: 0.6, expect: "minmax(16px, 1.6fr) minmax(26px, auto)"},
{at: 1, expect: "minmax(20px, 2fr) minmax(30px, auto)"},
{at: 2, expect: "minmax(30px, 3fr) minmax(40px, auto)"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "10px 10px 10px",
to: "1fr fit-content(20px) minmax(20px, 2fr)"
}, [
{at: -1, expect: "10px 10px 10px"},
{at: 0, expect: "10px 10px 10px"},
{at: 0.4, expect: "10px 10px 10px"},
{at: 0.6, expect: "1fr fit-content(20px) minmax(20px, 2fr)"},
{at: 1, expect: "1fr fit-content(20px) minmax(20px, 2fr)"},
{at: 2, expect: "1fr fit-content(20px) minmax(20px, 2fr)"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "1fr 1fr 1fr",
to: "20px fit-content(20px) minmax(20px, 2fr)"
}, [
{at: -1, expect: "1fr 1fr 1fr"},
{at: 0, expect: "1fr 1fr 1fr"},
{at: 0.4, expect: "1fr 1fr 1fr"},
{at: 0.6, expect: "20px fit-content(20px) minmax(20px, 2fr)"},
{at: 1, expect: "20px fit-content(20px) minmax(20px, 2fr)"},
{at: 2, expect: "20px fit-content(20px) minmax(20px, 2fr)"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "fit-content(10px)",
to: "minmax(20px, 2fr)"
}, [
{at: -1, expect: "fit-content(10px)"},
{at: 0, expect: "fit-content(10px)"},
{at: 0.4, expect: "fit-content(10px)"},
{at: 0.6, expect: "minmax(20px, 2fr)"},
{at: 1, expect: "minmax(20px, 2fr)"},
{at: 2, expect: "minmax(20px, 2fr)"}
]);
test_interpolation({
property: 'grid-template-rows',
from: "inherit",
to: "20px 30px 40px"
}, [
{at: -1, expect: "0px 10px 20px"},
{at: 0, expect: "10px 20px 30px"},
{at: 0.4, expect: "14px 24px 34px"},
{at: 0.6, expect: "16px 26px 36px"},
{at: 1, expect: "20px 30px 40px"},
{at: 2, expect: "30px 40px 50px"}
]);
// Exercise <track-list> (with <track-repeat>)
// https://drafts.csswg.org/css-grid/#repeat-interpolation
test_no_interpolation({
property: 'grid-template-rows',
from: "1fr repeat(2, 2fr 30px) 1fr",
to: "2fr repeat(2, 3fr 40px 50px) 2fr"
});
test_no_interpolation({
property: 'grid-template-rows',
from: "1fr repeat(2, 2fr 30px) 1fr",
to: "2fr repeat(3, 3fr 40px) 2fr"
});
// See https://github.com/w3c/csswg-drafts/issues/3503
test_no_interpolation({
property: 'grid-template-rows',
from: "repeat(2, 2fr 30px)",
to: "repeat(4, 40px)"
});
test_interpolation({
property: 'grid-template-rows',
from: "1fr repeat(2, 2fr auto 30px) 1fr",
to: "2fr repeat(2, 3fr 30px 40px) 2fr"
}, [
{at: -1, expect: "0fr repeat(2, 1fr auto 20px) 0fr"},
{at: 0, expect: "1fr repeat(2, 2fr auto 30px) 1fr"},
{at: 0.4, expect: "1.4fr repeat(2, 2.4fr auto 34px) 1.4fr"},
{at: 0.6, expect: "1.6fr repeat(2, 2.6fr 30px 36px) 1.6fr"},
{at: 1, expect: "2fr repeat(2, 3fr 30px 40px) 2fr"},
{at: 2, expect: "3fr repeat(2, 4fr 30px 50px) 3fr"}
]);
// Exercise <auto-track-list>
test_no_interpolation({
property: 'grid-template-rows',
from: "10px repeat(auto-fill, minmax(25px, 1fr)) 10px",
to: "20px 20px repeat(auto-fill, minmax(30px, 1fr))"
});
test_no_interpolation({
property: 'grid-template-rows',
from: "10px repeat(auto-fill, minmax(25px, 1fr)) 10px",
to: "20px repeat(auto-fit, minmax(30px, 1fr)) 20px"
});
test_no_interpolation({
property: 'grid-template-rows',
from: "10px repeat(auto-fill, minmax(25px, 1fr)) 10px",
to: "20px repeat(auto-fill, minmax(35px, auto)) 20px"
});
</script>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-rows neutral keyframe</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-rows supports neutral keyframe.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test(() => {
target.style.gridTemplateRows = '1fr 200px';
var animation = target.animate([{}, {gridTemplateRows: '30px 300px'}], 1000);
animation.pause();
animation.currentTime = 500;
assert_equals(getComputedStyle(target).gridTemplateRows, '30px 250px');
target.style.gridTemplateRows = '20px 200px';
assert_equals(getComputedStyle(target).gridTemplateRows, '25px 250px');
}, 'Invalidate the result for the neutral keyframe if the value of the <track-breadth> changes.');
</script>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-rows neutral keyframe</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-rows supports neutral keyframe.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test(() => {
target.style.gridTemplateRows = '10px minmax(10px, 1fr)';
var animation = target.animate([{}, {gridTemplateRows: '30px minmax(30px, 3fr)'}], 1000);
animation.pause();
animation.currentTime = 500;
assert_equals(getComputedStyle(target).gridTemplateRows, '20px minmax(20px, 2fr)');
target.style.gridTemplateRows = '10px fit-content(10px)';
assert_equals(getComputedStyle(target).gridTemplateRows, '20px minmax(30px, 3fr)');
}, 'Invalidate the result for the neutral keyframe if the type of <track-size> changes.');
</script>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-rows neutral keyframe</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-rows supports neutral keyframe.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test(() => {
target.style.gridTemplateRows = '200px';
var animation = target.animate([{}, {gridTemplateRows: '30px 300px'}], 1000);
animation.pause();
animation.currentTime = 500;
assert_equals(getComputedStyle(target).gridTemplateRows, '30px 300px');
target.style.gridTemplateRows = '20px 200px';
assert_equals(getComputedStyle(target).gridTemplateRows, '25px 250px');
target.style.gridTemplateRows = '200px';
assert_equals(getComputedStyle(target).gridTemplateRows, '30px 300px');
}, 'Invalidate the result for the neutral keyframe if the size of the list changes.');
</script>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grid-template-rows neutral keyframe</title>
<link rel="help" href="https://drafts.csswg.org/css-grid/#track-sizing">
<meta name="assert" content="grid-template-rows supports neutral keyframe.">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/interpolation-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test(() => {
target.style.gridTemplateRows = '10px [a] 20px [b]';
var animation = target.animate([{}, {gridTemplateRows: '30px 40px [c]'}], 1000);
animation.pause();
animation.currentTime = 250;
assert_equals(getComputedStyle(target).gridTemplateRows, '15px [a] 25px [b]');
target.style.gridTemplateRows = '10px 20px [d]';
assert_equals(getComputedStyle(target).gridTemplateRows, '15px 25px [d]');
}, 'Invalidate the result for the neutral keyframe if the named lines change.');
</script>
</body>
</html>