wpt / css / css-masking / animations / clip-path-interpolation-shape-control-points.html

Status: FAIL | Duration: 1359ms | Subtests: 247/306 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (247/306)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 100px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 100px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 100px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 100px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 100px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)] to [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 100px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 100px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 100px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (0) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (0.5) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 100px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)] at (1) should be [shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 100px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 100px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 100px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 100px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px)] to [shape(from top left, smooth to 100% 50% with 20px 150px from origin)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 100px from start)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px from start)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 100px from start)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px from start)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 100px from start)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px from start)]PASS
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 100px from start)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px from start)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px from start)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]PASS
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (-0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.3) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (0.6) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)] to [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)] at (1.5) should be [shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]PASS
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth to 100% 50% with 20px 50px from start)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth to 100% 50% with 20px 50px from start)] to [shape(from top left, smooth to 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth to 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-behavior:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Transitions with transition: all: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
CSS Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]PASS
Web Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (-0.3) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.3) should be [shape(from top left, smooth by 100% 50% with 20px 50px from origin)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (0.6) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false
Web Animations: property <clip-path> from [shape(from top left, smooth by 100% 50% with 20px 50px from origin)] to [shape(from top left, smooth by 100% 50% with 20px 150px)] at (1.5) should be [shape(from top left, smooth by 100% 50% with 20px 150px)]FAILassert_true: Web Animations should be supported expected true got false

/css/css-masking/animations/clip-path-interpolation-shape-control-points.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>clip-path-interpolation</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path">
<link rel="help" href="https://drafts.csswg.org/css-shapes-2/#interpolating-shape">
<meta name="assert" content="clip-path supports animation for shape()">

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

<style>
html {
  font-size: 16px;
  font-family: Ahem;
}

.parent {
  clip-path: shape(from -5px 5px, move to 5% 1px);
  padding: 10px;
}

.target {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: black;
  clip-path: shape(from 5px 5px, line to 10px 10%);
}

.expected {
  background-color: green;
}
</style>
<body>
<script>
test_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve to 100% 50% with 20px 30px from origin / 40px 50px)',
    to: 'shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)',
  }, [
    {at: 0,    expect: 'shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px)'},
    {at: 0.5,  expect: 'shape(from top left, curve to 100% 50% with 20px 30px / 40px 100px)'},
    {at: 1,    expect: 'shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px)'},
]);

test_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)',
    to: 'shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px from origin)',
  }, [
    {at: 0,    expect: 'shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)'},
    {at: 0.5,  expect: 'shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 100px)'},
    {at: 1,    expect: 'shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 150px)'},
]);

test_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve by 100% 50% with 20px 30px from start / 40px 50px)',
    to: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)',
  }, [
    {at: 0,    expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)'},
    {at: 0.5,  expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)'},
    {at: 1,    expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)'},
]);

test_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from start)',
    to: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)',
  }, [
    {at: 0,    expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px)'},
    {at: 0.5,  expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px)'},
    {at: 1,    expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px)'},
]);

test_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)',
    to: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)',
  }, [
    {at: 0,    expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 50px from origin)'},
    {at: 0.5,  expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 100px from origin)'},
    {at: 1,    expect: 'shape(from top left, curve by 100% 50% with 20px 30px / 40px 150px from origin)'},
]);

test_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)',
    to: 'shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)',
  }, [
    {at: 0,    expect: 'shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 50px)'},
    {at: 0.5,  expect: 'shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 100px)'},
    {at: 1,    expect: 'shape(from top left, curve by 100% 50% with 20px 30px from end / 40px 150px)'},
]);

test_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, smooth to 100% 50% with 20px 50px)',
    to: 'shape(from top left, smooth to 100% 50% with 20px 150px from origin)',
  }, [
    {at: 0,    expect: 'shape(from top left, smooth to 100% 50% with 20px 50px)'},
    {at: 0.5,  expect: 'shape(from top left, smooth to 100% 50% with 20px 100px)'},
    {at: 1,    expect: 'shape(from top left, smooth to 100% 50% with 20px 150px)'},
]);

test_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, smooth to 100% 50% with 20px 50px from start)',
    to: 'shape(from top left, smooth to 100% 50% with 20px 150px from start)',
  }, [
    {at: 0,    expect: 'shape(from top left, smooth to 100% 50% with 20px 50px from start)'},
    {at: 0.5,  expect: 'shape(from top left, smooth to 100% 50% with 20px 100px from start)'},
    {at: 1,    expect: 'shape(from top left, smooth to 100% 50% with 20px 150px from start)'},
]);

test_no_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve to 100% 50% with 20px 30px from start / 40px 50px)',
    to: 'shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)',
});

test_no_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve to 100% 50% with 20px 30px from end / 40px 50px)',
    to: 'shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)',
});

test_no_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, curve to 100% 50% with 20px 30px / 40px 50px from end)',
    to: 'shape(from top left, curve to 100% 50% with 20px 30px / 40px 150px from origin)',
});


test_no_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, smooth to 100% 50% with 20px 50px from start)',
    to: 'shape(from top left, smooth to 100% 50% with 20px 150px)',
});

test_no_interpolation({
    property: 'clip-path',
    from: 'shape(from top left, smooth by 100% 50% with 20px 50px from origin)',
    to: 'shape(from top left, smooth by 100% 50% with 20px 150px)',
});

</script>
</body>