wpt / css / css-align / animation / row-gap-interpolation.html

Status: FAIL | Duration: 746ms | Subtests: 159/198 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (159/198)

Data from commit:
1884860 Copy-on-write style attribute blocks that are in the rule tree (#831) (2026-09-02)

SubtestStatusMessage
CSS Transitions: property <row-gap> from neutral to [40px] at (-0.3) should be [1px]PASS
CSS Transitions: property <row-gap> from neutral to [40px] at (0) should be [10px]PASS
CSS Transitions: property <row-gap> from neutral to [40px] at (0.3) should be [19px]PASS
CSS Transitions: property <row-gap> from neutral to [40px] at (0.6) should be [28px]PASS
CSS Transitions: property <row-gap> from neutral to [40px] at (1) should be [40px]PASS
CSS Transitions: property <row-gap> from neutral to [40px] at (1.5) should be [55px]PASS
CSS Transitions with transition: all: property <row-gap> from neutral to [40px] at (-0.3) should be [1px]PASS
CSS Transitions with transition: all: property <row-gap> from neutral to [40px] at (0) should be [10px]PASS
CSS Transitions with transition: all: property <row-gap> from neutral to [40px] at (0.3) should be [19px]PASS
CSS Transitions with transition: all: property <row-gap> from neutral to [40px] at (0.6) should be [28px]PASS
CSS Transitions with transition: all: property <row-gap> from neutral to [40px] at (1) should be [40px]PASS
CSS Transitions with transition: all: property <row-gap> from neutral to [40px] at (1.5) should be [55px]PASS
CSS Animations: property <row-gap> from neutral to [40px] at (-0.3) should be [1px]PASS
CSS Animations: property <row-gap> from neutral to [40px] at (0) should be [10px]PASS
CSS Animations: property <row-gap> from neutral to [40px] at (0.3) should be [19px]PASS
CSS Animations: property <row-gap> from neutral to [40px] at (0.6) should be [28px]PASS
CSS Animations: property <row-gap> from neutral to [40px] at (1) should be [40px]PASS
CSS Animations: property <row-gap> from neutral to [40px] at (1.5) should be [55px]PASS
Web Animations: property <row-gap> from neutral to [40px] at (-0.3) should be [1px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from neutral to [40px] at (0) should be [10px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from neutral to [40px] at (0.3) should be [19px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from neutral to [40px] at (0.6) should be [28px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from neutral to [40px] at (1) should be [40px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from neutral to [40px] at (1.5) should be [55px]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [initial] to [20px] at (-0.3) should be [initial]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [initial] to [20px] at (0) should be [initial]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [initial] to [20px] at (0.3) should be [initial]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [initial] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [initial] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [initial] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [initial] to [20px] at (1.5) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [initial] to [20px] at (-0.3) should be [initial]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [initial] to [20px] at (0) should be [initial]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [initial] to [20px] at (0.3) should be [initial]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [initial] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [initial] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [initial] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [initial] to [20px] at (1.5) should be [20px]PASS
CSS Transitions: property <row-gap> from [initial] to [20px] at (-0.3) should be [20px]PASS
CSS Transitions: property <row-gap> from [initial] to [20px] at (0) should be [20px]PASS
CSS Transitions: property <row-gap> from [initial] to [20px] at (0.3) should be [20px]PASS
CSS Transitions: property <row-gap> from [initial] to [20px] at (0.5) should be [20px]PASS
CSS Transitions: property <row-gap> from [initial] to [20px] at (0.6) should be [20px]PASS
CSS Transitions: property <row-gap> from [initial] to [20px] at (1) should be [20px]PASS
CSS Transitions: property <row-gap> from [initial] to [20px] at (1.5) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [initial] to [20px] at (-0.3) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [initial] to [20px] at (0) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [initial] to [20px] at (0.3) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [initial] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [initial] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [initial] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [initial] to [20px] at (1.5) should be [20px]PASS
CSS Animations: property <row-gap> from [initial] to [20px] at (-0.3) should be [initial]PASS
CSS Animations: property <row-gap> from [initial] to [20px] at (0) should be [initial]PASS
CSS Animations: property <row-gap> from [initial] to [20px] at (0.3) should be [initial]PASS
CSS Animations: property <row-gap> from [initial] to [20px] at (0.5) should be [20px]PASS
CSS Animations: property <row-gap> from [initial] to [20px] at (0.6) should be [20px]PASS
CSS Animations: property <row-gap> from [initial] to [20px] at (1) should be [20px]PASS
CSS Animations: property <row-gap> from [initial] to [20px] at (1.5) should be [20px]PASS
Web Animations: property <row-gap> from [initial] to [20px] at (-0.3) should be [initial]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [initial] to [20px] at (0) should be [initial]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [initial] to [20px] at (0.3) should be [initial]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [initial] to [20px] at (0.5) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [initial] to [20px] at (0.6) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [initial] to [20px] at (1) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [initial] to [20px] at (1.5) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <row-gap> from [inherit] to [20px] at (-0.3) should be [111px]PASS
CSS Transitions: property <row-gap> from [inherit] to [20px] at (0) should be [90px]PASS
CSS Transitions: property <row-gap> from [inherit] to [20px] at (0.3) should be [69px]PASS
CSS Transitions: property <row-gap> from [inherit] to [20px] at (0.6) should be [48px]PASS
CSS Transitions: property <row-gap> from [inherit] to [20px] at (1) should be [20px]PASS
CSS Transitions: property <row-gap> from [inherit] to [20px] at (1.5) should be [0px]PASS
CSS Transitions with transition: all: property <row-gap> from [inherit] to [20px] at (-0.3) should be [111px]PASS
CSS Transitions with transition: all: property <row-gap> from [inherit] to [20px] at (0) should be [90px]PASS
CSS Transitions with transition: all: property <row-gap> from [inherit] to [20px] at (0.3) should be [69px]PASS
CSS Transitions with transition: all: property <row-gap> from [inherit] to [20px] at (0.6) should be [48px]PASS
CSS Transitions with transition: all: property <row-gap> from [inherit] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [inherit] to [20px] at (1.5) should be [0px]PASS
CSS Animations: property <row-gap> from [inherit] to [20px] at (-0.3) should be [111px]PASS
CSS Animations: property <row-gap> from [inherit] to [20px] at (0) should be [90px]PASS
CSS Animations: property <row-gap> from [inherit] to [20px] at (0.3) should be [69px]PASS
CSS Animations: property <row-gap> from [inherit] to [20px] at (0.6) should be [48px]PASS
CSS Animations: property <row-gap> from [inherit] to [20px] at (1) should be [20px]PASS
CSS Animations: property <row-gap> from [inherit] to [20px] at (1.5) should be [0px]PASS
Web Animations: property <row-gap> from [inherit] to [20px] at (-0.3) should be [111px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [inherit] to [20px] at (0) should be [90px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [inherit] to [20px] at (0.3) should be [69px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [inherit] to [20px] at (0.6) should be [48px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [inherit] to [20px] at (1) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [inherit] to [20px] at (1.5) should be [0px]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [unset] to [20px] at (-0.3) should be [unset]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [unset] to [20px] at (0) should be [unset]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [unset] to [20px] at (0.3) should be [unset]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [unset] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [unset] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [unset] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [unset] to [20px] at (1.5) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [unset] to [20px] at (-0.3) should be [unset]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [unset] to [20px] at (0) should be [unset]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [unset] to [20px] at (0.3) should be [unset]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [unset] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [unset] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [unset] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [unset] to [20px] at (1.5) should be [20px]PASS
CSS Transitions: property <row-gap> from [unset] to [20px] at (-0.3) should be [20px]PASS
CSS Transitions: property <row-gap> from [unset] to [20px] at (0) should be [20px]PASS
CSS Transitions: property <row-gap> from [unset] to [20px] at (0.3) should be [20px]PASS
CSS Transitions: property <row-gap> from [unset] to [20px] at (0.5) should be [20px]PASS
CSS Transitions: property <row-gap> from [unset] to [20px] at (0.6) should be [20px]PASS
CSS Transitions: property <row-gap> from [unset] to [20px] at (1) should be [20px]PASS
CSS Transitions: property <row-gap> from [unset] to [20px] at (1.5) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [unset] to [20px] at (-0.3) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [unset] to [20px] at (0) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [unset] to [20px] at (0.3) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [unset] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [unset] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [unset] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [unset] to [20px] at (1.5) should be [20px]PASS
CSS Animations: property <row-gap> from [unset] to [20px] at (-0.3) should be [unset]PASS
CSS Animations: property <row-gap> from [unset] to [20px] at (0) should be [unset]PASS
CSS Animations: property <row-gap> from [unset] to [20px] at (0.3) should be [unset]PASS
CSS Animations: property <row-gap> from [unset] to [20px] at (0.5) should be [20px]PASS
CSS Animations: property <row-gap> from [unset] to [20px] at (0.6) should be [20px]PASS
CSS Animations: property <row-gap> from [unset] to [20px] at (1) should be [20px]PASS
CSS Animations: property <row-gap> from [unset] to [20px] at (1.5) should be [20px]PASS
Web Animations: property <row-gap> from [unset] to [20px] at (-0.3) should be [unset]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [unset] to [20px] at (0) should be [unset]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [unset] to [20px] at (0.3) should be [unset]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [unset] to [20px] at (0.5) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [unset] to [20px] at (0.6) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [unset] to [20px] at (1) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [unset] to [20px] at (1.5) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [normal] to [20px] at (-0.3) should be [normal]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [normal] to [20px] at (0) should be [normal]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [normal] to [20px] at (0.3) should be [normal]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [normal] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [normal] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [normal] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition-behavior:allow-discrete: property <row-gap> from [normal] to [20px] at (1.5) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [normal] to [20px] at (-0.3) should be [normal]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [normal] to [20px] at (0) should be [normal]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [normal] to [20px] at (0.3) should be [normal]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [normal] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [normal] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [normal] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <row-gap> from [normal] to [20px] at (1.5) should be [20px]PASS
CSS Transitions: property <row-gap> from [normal] to [20px] at (-0.3) should be [20px]PASS
CSS Transitions: property <row-gap> from [normal] to [20px] at (0) should be [20px]PASS
CSS Transitions: property <row-gap> from [normal] to [20px] at (0.3) should be [20px]PASS
CSS Transitions: property <row-gap> from [normal] to [20px] at (0.5) should be [20px]PASS
CSS Transitions: property <row-gap> from [normal] to [20px] at (0.6) should be [20px]PASS
CSS Transitions: property <row-gap> from [normal] to [20px] at (1) should be [20px]PASS
CSS Transitions: property <row-gap> from [normal] to [20px] at (1.5) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [normal] to [20px] at (-0.3) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [normal] to [20px] at (0) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [normal] to [20px] at (0.3) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [normal] to [20px] at (0.5) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [normal] to [20px] at (0.6) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [normal] to [20px] at (1) should be [20px]PASS
CSS Transitions with transition: all: property <row-gap> from [normal] to [20px] at (1.5) should be [20px]PASS
CSS Animations: property <row-gap> from [normal] to [20px] at (-0.3) should be [normal]PASS
CSS Animations: property <row-gap> from [normal] to [20px] at (0) should be [normal]PASS
CSS Animations: property <row-gap> from [normal] to [20px] at (0.3) should be [normal]PASS
CSS Animations: property <row-gap> from [normal] to [20px] at (0.5) should be [20px]PASS
CSS Animations: property <row-gap> from [normal] to [20px] at (0.6) should be [20px]PASS
CSS Animations: property <row-gap> from [normal] to [20px] at (1) should be [20px]PASS
CSS Animations: property <row-gap> from [normal] to [20px] at (1.5) should be [20px]PASS
Web Animations: property <row-gap> from [normal] to [20px] at (-0.3) should be [normal]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [normal] to [20px] at (0) should be [normal]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [normal] to [20px] at (0.3) should be [normal]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [normal] to [20px] at (0.5) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [normal] to [20px] at (0.6) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [normal] to [20px] at (1) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [normal] to [20px] at (1.5) should be [20px]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <row-gap> from [0px] to [100px] at (-0.3) should be [0]PASS
CSS Transitions: property <row-gap> from [0px] to [100px] at (0) should be [0]PASS
CSS Transitions: property <row-gap> from [0px] to [100px] at (0.3) should be [30px]PASS
CSS Transitions: property <row-gap> from [0px] to [100px] at (0.6) should be [60px]PASS
CSS Transitions: property <row-gap> from [0px] to [100px] at (1) should be [100px]PASS
CSS Transitions: property <row-gap> from [0px] to [100px] at (1.5) should be [150px]PASS
CSS Transitions with transition: all: property <row-gap> from [0px] to [100px] at (-0.3) should be [0]PASS
CSS Transitions with transition: all: property <row-gap> from [0px] to [100px] at (0) should be [0]PASS
CSS Transitions with transition: all: property <row-gap> from [0px] to [100px] at (0.3) should be [30px]PASS
CSS Transitions with transition: all: property <row-gap> from [0px] to [100px] at (0.6) should be [60px]PASS
CSS Transitions with transition: all: property <row-gap> from [0px] to [100px] at (1) should be [100px]PASS
CSS Transitions with transition: all: property <row-gap> from [0px] to [100px] at (1.5) should be [150px]PASS
CSS Animations: property <row-gap> from [0px] to [100px] at (-0.3) should be [0]PASS
CSS Animations: property <row-gap> from [0px] to [100px] at (0) should be [0]PASS
CSS Animations: property <row-gap> from [0px] to [100px] at (0.3) should be [30px]PASS
CSS Animations: property <row-gap> from [0px] to [100px] at (0.6) should be [60px]PASS
CSS Animations: property <row-gap> from [0px] to [100px] at (1) should be [100px]PASS
CSS Animations: property <row-gap> from [0px] to [100px] at (1.5) should be [150px]PASS
Web Animations: property <row-gap> from [0px] to [100px] at (-0.3) should be [0]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [0px] to [100px] at (0) should be [0]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [0px] to [100px] at (0.3) should be [30px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [0px] to [100px] at (0.6) should be [60px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [0px] to [100px] at (1) should be [100px]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <row-gap> from [0px] to [100px] at (1.5) should be [150px]FAILassert_true: Web Animations should be supported expected true got false

/css/css-align/animation/row-gap-interpolation.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>row-gap interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-row-gap">
<meta name="assert" content="row-gap supports animation by computed value type">

<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<style>
.parent {
  row-gap: 90px;
}
.target {
  row-gap: 10px;
}
.expected div {
  opacity: 0.7;
}
.target > div {
  height: 20px;
  background-color: black;
}
.target.expected > div {
  background-color: green;
}
</style>

<body>
<template id='target-template'>
  <div></div><div></div>
</template>
</body>

<script>
test_interpolation({
  property: 'row-gap',
  from: neutralKeyframe,
  to: '40px',
}, [
  {at: -0.3, expect: '1px'},
  {at: 0, expect: '10px'},
  {at: 0.3, expect: '19px'},
  {at: 0.6, expect: '28px'},
  {at: 1, expect: '40px'},
  {at: 1.5, expect: '55px'},
]);

test_no_interpolation({
  property: 'row-gap',
  from: 'initial',
  to: '20px',
});

test_interpolation({
  property: 'row-gap',
  from: 'inherit',
  to: '20px',
}, [
  {at: -0.3, expect: '111px'},
  {at: 0, expect: '90px'},
  {at: 0.3, expect: '69px'},
  {at: 0.6, expect: '48px'},
  {at: 1, expect: '20px'},
  {at: 1.5, expect: '0px'},
]);

test_no_interpolation({
  property: 'row-gap',
  from: 'unset',
  to: '20px',
});

test_no_interpolation({
  property: 'row-gap',
  from: 'normal',
  to: '20px',
});

test_interpolation({
  property: 'row-gap',
  from: '0px',
  to: '100px'
}, [
  {at: -0.3, expect: '0'}, // row-gap can't be negative.
  {at: 0, expect: '0'},
  {at: 0.3, expect: '30px'},
  {at: 0.6, expect: '60px'},
  {at: 1, expect: '100px'},
  {at: 1.5, expect: '150px'}
]);
</script>