clip-path-interpolation-discrete.html

PASSExpected168 of 168 subtests pass2,130 ms

Details

Test
/css/css-masking/clip-path/animations/clip-path-interpolation-discrete.html
Harness
OK

Subtests

StatusSubtestMessage
PASSCSS Transitions: property <clip-path> from [circle(10px)] to [inset(20px)] at (-1) should be [circle(10px)]
PASSCSS Transitions: property <clip-path> from [circle(10px)] to [inset(20px)] at (0) should be [circle(10px)]
PASSCSS Transitions: property <clip-path> from [circle(10px)] to [inset(20px)] at (0.4) should be [circle(10px)]
PASSCSS Transitions: property <clip-path> from [circle(10px)] to [inset(20px)] at (0.5) should be [inset(20px)]
PASSCSS Transitions: property <clip-path> from [circle(10px)] to [inset(20px)] at (1) should be [inset(20px)]
PASSCSS Transitions: property <clip-path> from [circle(10px)] to [inset(20px)] at (1.5) should be [inset(20px)]
PASSCSS Transitions with transition: all: property <clip-path> from [circle(10px)] to [inset(20px)] at (-1) should be [circle(10px)]
PASSCSS Transitions with transition: all: property <clip-path> from [circle(10px)] to [inset(20px)] at (0) should be [circle(10px)]
PASSCSS Transitions with transition: all: property <clip-path> from [circle(10px)] to [inset(20px)] at (0.4) should be [circle(10px)]
PASSCSS Transitions with transition: all: property <clip-path> from [circle(10px)] to [inset(20px)] at (0.5) should be [inset(20px)]
PASSCSS Transitions with transition: all: property <clip-path> from [circle(10px)] to [inset(20px)] at (1) should be [inset(20px)]
PASSCSS Transitions with transition: all: property <clip-path> from [circle(10px)] to [inset(20px)] at (1.5) should be [inset(20px)]
PASSCSS Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (-1) should be [circle(10px)]
PASSCSS Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (0) should be [circle(10px)]
PASSCSS Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (0.4) should be [circle(10px)]
PASSCSS Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (0.5) should be [inset(20px)]
PASSCSS Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (1) should be [inset(20px)]
PASSCSS Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (1.5) should be [inset(20px)]
PASSWeb Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (-1) should be [circle(10px)]
PASSWeb Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (0) should be [circle(10px)]
PASSWeb Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (0.4) should be [circle(10px)]
PASSWeb Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (0.5) should be [inset(20px)]
PASSWeb Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (1) should be [inset(20px)]
PASSWeb Animations: property <clip-path> from [circle(10px)] to [inset(20px)] at (1.5) should be [inset(20px)]
PASSCSS Transitions: property <clip-path> from [ellipse()] to [padding-box] at (-1) should be [ellipse()]
PASSCSS Transitions: property <clip-path> from [ellipse()] to [padding-box] at (0) should be [ellipse()]
PASSCSS Transitions: property <clip-path> from [ellipse()] to [padding-box] at (0.4) should be [ellipse()]
PASSCSS Transitions: property <clip-path> from [ellipse()] to [padding-box] at (0.5) should be [padding-box]
PASSCSS Transitions: property <clip-path> from [ellipse()] to [padding-box] at (1) should be [padding-box]
PASSCSS Transitions: property <clip-path> from [ellipse()] to [padding-box] at (1.5) should be [padding-box]
PASSCSS Transitions with transition: all: property <clip-path> from [ellipse()] to [padding-box] at (-1) should be [ellipse()]
PASSCSS Transitions with transition: all: property <clip-path> from [ellipse()] to [padding-box] at (0) should be [ellipse()]
PASSCSS Transitions with transition: all: property <clip-path> from [ellipse()] to [padding-box] at (0.4) should be [ellipse()]
PASSCSS Transitions with transition: all: property <clip-path> from [ellipse()] to [padding-box] at (0.5) should be [padding-box]
PASSCSS Transitions with transition: all: property <clip-path> from [ellipse()] to [padding-box] at (1) should be [padding-box]
PASSCSS Transitions with transition: all: property <clip-path> from [ellipse()] to [padding-box] at (1.5) should be [padding-box]
PASSCSS Animations: property <clip-path> from [ellipse()] to [padding-box] at (-1) should be [ellipse()]
PASSCSS Animations: property <clip-path> from [ellipse()] to [padding-box] at (0) should be [ellipse()]
PASSCSS Animations: property <clip-path> from [ellipse()] to [padding-box] at (0.4) should be [ellipse()]
PASSCSS Animations: property <clip-path> from [ellipse()] to [padding-box] at (0.5) should be [padding-box]
PASSCSS Animations: property <clip-path> from [ellipse()] to [padding-box] at (1) should be [padding-box]
PASSCSS Animations: property <clip-path> from [ellipse()] to [padding-box] at (1.5) should be [padding-box]
PASSWeb Animations: property <clip-path> from [ellipse()] to [padding-box] at (-1) should be [ellipse()]
PASSWeb Animations: property <clip-path> from [ellipse()] to [padding-box] at (0) should be [ellipse()]
PASSWeb Animations: property <clip-path> from [ellipse()] to [padding-box] at (0.4) should be [ellipse()]
PASSWeb Animations: property <clip-path> from [ellipse()] to [padding-box] at (0.5) should be [padding-box]
PASSWeb Animations: property <clip-path> from [ellipse()] to [padding-box] at (1) should be [padding-box]
PASSWeb Animations: property <clip-path> from [ellipse()] to [padding-box] at (1.5) should be [padding-box]
PASSCSS Transitions: property <clip-path> from neutral to [none] at (-1) should be [circle(10px)]
PASSCSS Transitions: property <clip-path> from neutral to [none] at (0) should be [circle(10px)]
PASSCSS Transitions: property <clip-path> from neutral to [none] at (0.4) should be [circle(10px)]
PASSCSS Transitions: property <clip-path> from neutral to [none] at (0.5) should be [none]
PASSCSS Transitions: property <clip-path> from neutral to [none] at (1) should be [none]
PASSCSS Transitions: property <clip-path> from neutral to [none] at (1.5) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from neutral to [none] at (-1) should be [circle(10px)]
PASSCSS Transitions with transition: all: property <clip-path> from neutral to [none] at (0) should be [circle(10px)]
PASSCSS Transitions with transition: all: property <clip-path> from neutral to [none] at (0.4) should be [circle(10px)]
PASSCSS Transitions with transition: all: property <clip-path> from neutral to [none] at (0.5) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from neutral to [none] at (1) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from neutral to [none] at (1.5) should be [none]
PASSCSS Animations: property <clip-path> from neutral to [none] at (-1) should be [circle(10px)]
PASSCSS Animations: property <clip-path> from neutral to [none] at (0) should be [circle(10px)]
PASSCSS Animations: property <clip-path> from neutral to [none] at (0.4) should be [circle(10px)]
PASSCSS Animations: property <clip-path> from neutral to [none] at (0.5) should be [none]
PASSCSS Animations: property <clip-path> from neutral to [none] at (1) should be [none]
PASSCSS Animations: property <clip-path> from neutral to [none] at (1.5) should be [none]
PASSWeb Animations: property <clip-path> from neutral to [none] at (-1) should be [circle(10px)]
PASSWeb Animations: property <clip-path> from neutral to [none] at (0) should be [circle(10px)]
PASSWeb Animations: property <clip-path> from neutral to [none] at (0.4) should be [circle(10px)]
PASSWeb Animations: property <clip-path> from neutral to [none] at (0.5) should be [none]
PASSWeb Animations: property <clip-path> from neutral to [none] at (1) should be [none]
PASSWeb Animations: property <clip-path> from neutral to [none] at (1.5) should be [none]
PASSCSS Transitions: property <clip-path> from [initial] to [circle()] at (-1) should be [none]
PASSCSS Transitions: property <clip-path> from [initial] to [circle()] at (0) should be [none]
PASSCSS Transitions: property <clip-path> from [initial] to [circle()] at (0.4) should be [none]
PASSCSS Transitions: property <clip-path> from [initial] to [circle()] at (0.5) should be [circle()]
PASSCSS Transitions: property <clip-path> from [initial] to [circle()] at (1) should be [circle()]
PASSCSS Transitions: property <clip-path> from [initial] to [circle()] at (1.5) should be [circle()]
PASSCSS Transitions with transition: all: property <clip-path> from [initial] to [circle()] at (-1) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from [initial] to [circle()] at (0) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from [initial] to [circle()] at (0.4) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from [initial] to [circle()] at (0.5) should be [circle()]
PASSCSS Transitions with transition: all: property <clip-path> from [initial] to [circle()] at (1) should be [circle()]
PASSCSS Transitions with transition: all: property <clip-path> from [initial] to [circle()] at (1.5) should be [circle()]
PASSCSS Animations: property <clip-path> from [initial] to [circle()] at (-1) should be [none]
PASSCSS Animations: property <clip-path> from [initial] to [circle()] at (0) should be [none]
PASSCSS Animations: property <clip-path> from [initial] to [circle()] at (0.4) should be [none]
PASSCSS Animations: property <clip-path> from [initial] to [circle()] at (0.5) should be [circle()]
PASSCSS Animations: property <clip-path> from [initial] to [circle()] at (1) should be [circle()]
PASSCSS Animations: property <clip-path> from [initial] to [circle()] at (1.5) should be [circle()]
PASSWeb Animations: property <clip-path> from [initial] to [circle()] at (-1) should be [none]
PASSWeb Animations: property <clip-path> from [initial] to [circle()] at (0) should be [none]
PASSWeb Animations: property <clip-path> from [initial] to [circle()] at (0.4) should be [none]
PASSWeb Animations: property <clip-path> from [initial] to [circle()] at (0.5) should be [circle()]
PASSWeb Animations: property <clip-path> from [initial] to [circle()] at (1) should be [circle()]
PASSWeb Animations: property <clip-path> from [initial] to [circle()] at (1.5) should be [circle()]
PASSCSS Transitions: property <clip-path> from [inherit] to [circle()] at (-0.1) should be [circle(farthest-side)]
PASSCSS Transitions: property <clip-path> from [inherit] to [circle()] at (0) should be [circle(farthest-side)]
PASSCSS Transitions: property <clip-path> from [inherit] to [circle()] at (0.4) should be [circle(farthest-side)]
PASSCSS Transitions: property <clip-path> from [inherit] to [circle()] at (0.5) should be [circle()]
PASSCSS Transitions: property <clip-path> from [inherit] to [circle()] at (1) should be [circle()]
PASSCSS Transitions: property <clip-path> from [inherit] to [circle()] at (1.5) should be [circle()]
PASSCSS Transitions with transition: all: property <clip-path> from [inherit] to [circle()] at (-0.1) should be [circle(farthest-side)]
PASSCSS Transitions with transition: all: property <clip-path> from [inherit] to [circle()] at (0) should be [circle(farthest-side)]
PASSCSS Transitions with transition: all: property <clip-path> from [inherit] to [circle()] at (0.4) should be [circle(farthest-side)]
PASSCSS Transitions with transition: all: property <clip-path> from [inherit] to [circle()] at (0.5) should be [circle()]
PASSCSS Transitions with transition: all: property <clip-path> from [inherit] to [circle()] at (1) should be [circle()]
PASSCSS Transitions with transition: all: property <clip-path> from [inherit] to [circle()] at (1.5) should be [circle()]
PASSCSS Animations: property <clip-path> from [inherit] to [circle()] at (-0.1) should be [circle(farthest-side)]
PASSCSS Animations: property <clip-path> from [inherit] to [circle()] at (0) should be [circle(farthest-side)]
PASSCSS Animations: property <clip-path> from [inherit] to [circle()] at (0.4) should be [circle(farthest-side)]
PASSCSS Animations: property <clip-path> from [inherit] to [circle()] at (0.5) should be [circle()]
PASSCSS Animations: property <clip-path> from [inherit] to [circle()] at (1) should be [circle()]
PASSCSS Animations: property <clip-path> from [inherit] to [circle()] at (1.5) should be [circle()]
PASSWeb Animations: property <clip-path> from [inherit] to [circle()] at (-0.1) should be [circle(farthest-side)]
PASSWeb Animations: property <clip-path> from [inherit] to [circle()] at (0) should be [circle(farthest-side)]
PASSWeb Animations: property <clip-path> from [inherit] to [circle()] at (0.4) should be [circle(farthest-side)]
PASSWeb Animations: property <clip-path> from [inherit] to [circle()] at (0.5) should be [circle()]
PASSWeb Animations: property <clip-path> from [inherit] to [circle()] at (1) should be [circle()]
PASSWeb Animations: property <clip-path> from [inherit] to [circle()] at (1.5) should be [circle()]
PASSCSS Transitions: property <clip-path> from [unset] to [inset(10%)] at (-0.1) should be [none]
PASSCSS Transitions: property <clip-path> from [unset] to [inset(10%)] at (0) should be [none]
PASSCSS Transitions: property <clip-path> from [unset] to [inset(10%)] at (0.4) should be [none]
PASSCSS Transitions: property <clip-path> from [unset] to [inset(10%)] at (0.5) should be [inset(10%)]
PASSCSS Transitions: property <clip-path> from [unset] to [inset(10%)] at (1) should be [inset(10%)]
PASSCSS Transitions: property <clip-path> from [unset] to [inset(10%)] at (1.5) should be [inset(10%)]
PASSCSS Transitions with transition: all: property <clip-path> from [unset] to [inset(10%)] at (-0.1) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from [unset] to [inset(10%)] at (0) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from [unset] to [inset(10%)] at (0.4) should be [none]
PASSCSS Transitions with transition: all: property <clip-path> from [unset] to [inset(10%)] at (0.5) should be [inset(10%)]
PASSCSS Transitions with transition: all: property <clip-path> from [unset] to [inset(10%)] at (1) should be [inset(10%)]
PASSCSS Transitions with transition: all: property <clip-path> from [unset] to [inset(10%)] at (1.5) should be [inset(10%)]
PASSCSS Animations: property <clip-path> from [unset] to [inset(10%)] at (-0.1) should be [none]
PASSCSS Animations: property <clip-path> from [unset] to [inset(10%)] at (0) should be [none]
PASSCSS Animations: property <clip-path> from [unset] to [inset(10%)] at (0.4) should be [none]
PASSCSS Animations: property <clip-path> from [unset] to [inset(10%)] at (0.5) should be [inset(10%)]
PASSCSS Animations: property <clip-path> from [unset] to [inset(10%)] at (1) should be [inset(10%)]
PASSCSS Animations: property <clip-path> from [unset] to [inset(10%)] at (1.5) should be [inset(10%)]
PASSWeb Animations: property <clip-path> from [unset] to [inset(10%)] at (-0.1) should be [none]
PASSWeb Animations: property <clip-path> from [unset] to [inset(10%)] at (0) should be [none]
PASSWeb Animations: property <clip-path> from [unset] to [inset(10%)] at (0.4) should be [none]
PASSWeb Animations: property <clip-path> from [unset] to [inset(10%)] at (0.5) should be [inset(10%)]
PASSWeb Animations: property <clip-path> from [unset] to [inset(10%)] at (1) should be [inset(10%)]
PASSWeb Animations: property <clip-path> from [unset] to [inset(10%)] at (1.5) should be [inset(10%)]
PASSCSS Transitions: property <clip-path> from [stroke-box] to [url("abc")] at (-0.1) should be [stroke-box]
PASSCSS Transitions: property <clip-path> from [stroke-box] to [url("abc")] at (0) should be [stroke-box]
PASSCSS Transitions: property <clip-path> from [stroke-box] to [url("abc")] at (0.4) should be [stroke-box]
PASSCSS Transitions: property <clip-path> from [stroke-box] to [url("abc")] at (0.5) should be [url(http://web-platform.test:8000/.../abc)]
PASSCSS Transitions: property <clip-path> from [stroke-box] to [url("abc")] at (1) should be [url(http://web-platform.test:8000/.../abc)]
PASSCSS Transitions: property <clip-path> from [stroke-box] to [url("abc")] at (1.5) should be [url(http://web-platform.test:8000/.../abc)]
PASSCSS Transitions with transition: all: property <clip-path> from [stroke-box] to [url("abc")] at (-0.1) should be [stroke-box]
PASSCSS Transitions with transition: all: property <clip-path> from [stroke-box] to [url("abc")] at (0) should be [stroke-box]
PASSCSS Transitions with transition: all: property <clip-path> from [stroke-box] to [url("abc")] at (0.4) should be [stroke-box]
PASSCSS Transitions with transition: all: property <clip-path> from [stroke-box] to [url("abc")] at (0.5) should be [url(http://web-platform.test:8000/.../abc)]
PASSCSS Transitions with transition: all: property <clip-path> from [stroke-box] to [url("abc")] at (1) should be [url(http://web-platform.test:8000/.../abc)]
PASSCSS Transitions with transition: all: property <clip-path> from [stroke-box] to [url("abc")] at (1.5) should be [url(http://web-platform.test:8000/.../abc)]
PASSCSS Animations: property <clip-path> from [stroke-box] to [url("abc")] at (-0.1) should be [stroke-box]
PASSCSS Animations: property <clip-path> from [stroke-box] to [url("abc")] at (0) should be [stroke-box]
PASSCSS Animations: property <clip-path> from [stroke-box] to [url("abc")] at (0.4) should be [stroke-box]
PASSCSS Animations: property <clip-path> from [stroke-box] to [url("abc")] at (0.5) should be [url(http://web-platform.test:8000/.../abc)]
PASSCSS Animations: property <clip-path> from [stroke-box] to [url("abc")] at (1) should be [url(http://web-platform.test:8000/.../abc)]
PASSCSS Animations: property <clip-path> from [stroke-box] to [url("abc")] at (1.5) should be [url(http://web-platform.test:8000/.../abc)]
PASSWeb Animations: property <clip-path> from [stroke-box] to [url("abc")] at (-0.1) should be [stroke-box]
PASSWeb Animations: property <clip-path> from [stroke-box] to [url("abc")] at (0) should be [stroke-box]
PASSWeb Animations: property <clip-path> from [stroke-box] to [url("abc")] at (0.4) should be [stroke-box]
PASSWeb Animations: property <clip-path> from [stroke-box] to [url("abc")] at (0.5) should be [url(http://web-platform.test:8000/.../abc)]
PASSWeb Animations: property <clip-path> from [stroke-box] to [url("abc")] at (1) should be [url(http://web-platform.test:8000/.../abc)]
PASSWeb Animations: property <clip-path> from [stroke-box] to [url("abc")] at (1.5) should be [url(http://web-platform.test:8000/.../abc)]