OLD | NEW |
1 Test that clip-path shapes accept different length units | 1 Test that clip-path shapes accept different length units |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 PASS innerStyle("-webkit-clip-path", "circle(0 at 0 0)") is "circle(0px at 0% 0%
)" | 6 PASS innerStyle("-webkit-clip-path", "circle(0 at 0 0)") is "circle(0px at 0% 0%
)" |
7 PASS innerStyle("-webkit-clip-path", "circle(1px at -1px +1px)") is "circle(1px
at -1px 1px)" | 7 PASS innerStyle("-webkit-clip-path", "circle(1px at -1px +1px)") is "circle(1px
at -1px 1px)" |
8 PASS innerStyle("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)") is "circl
e(1.5px at -1.5px 1.5px)" | 8 PASS innerStyle("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)") is "circl
e(1.5px at -1.5px 1.5px)" |
9 PASS innerStyle("-webkit-clip-path", "circle(.5px at -.5px +.5px)") is "circle(0
.5px at -0.5px 0.5px)" | 9 PASS innerStyle("-webkit-clip-path", "circle(.5px at -.5px +.5px)") is "circle(0
.5px at -0.5px 0.5px)" |
10 PASS innerStyle("-webkit-clip-path", "circle(1em at -1em +1em)") is "circle(1em
at -1em 1em)" | 10 PASS innerStyle("-webkit-clip-path", "circle(1em at -1em +1em)") is "circle(1em
at -1em 1em)" |
11 PASS innerStyle("-webkit-clip-path", "circle(1.5em at -1.5em +1.5em)") is "circl
e(1.5em at -1.5em 1.5em)" | 11 PASS innerStyle("-webkit-clip-path", "circle(1.5em at -1.5em +1.5em)") is "circl
e(1.5em at -1.5em 1.5em)" |
12 PASS innerStyle("-webkit-clip-path", "circle(.5em at -.5em +.5em)") is "circle(0
.5em at -0.5em 0.5em)" | 12 PASS innerStyle("-webkit-clip-path", "circle(.5em at -.5em +.5em)") is "circle(0
.5em at -0.5em 0.5em)" |
13 PASS innerStyle("-webkit-clip-path", "circle(1ex at 1ex 1ex)") is "circle(1ex at
1ex 1ex)" | 13 PASS innerStyle("-webkit-clip-path", "circle(1ex at 1ex 1ex)") is "circle(1ex at
1ex 1ex)" |
14 PASS innerStyle("-webkit-clip-path", "circle(1rem at 1rem 1rem)") is "circle(1re
m at 1rem 1rem)" | 14 PASS innerStyle("-webkit-clip-path", "circle(1rem at 1rem 1rem)") is "circle(1re
m at 1rem 1rem)" |
15 PASS computedStyle("-webkit-clip-path", "circle(1.5em at .5em 1em)") is "circle(
12px at 4px 8px)" | 15 PASS computedStyle("-webkit-clip-path", "circle(1.5em at .5em 1em)") is "circle(
12px at 4px 8px)" |
16 PASS computedStyle("-webkit-clip-path", "circle(1.5rem at .5rem 1rem)") is "circ
le(24px at 8px 16px)" | 16 PASS computedStyle("-webkit-clip-path", "circle(1.5rem at .5rem 1rem)") is "circ
le(24px at 8px 16px)" |
17 PASS innerStyle("-webkit-clip-path", "circle(1vw at 1vw 1vw)") is "circle(1vw at
1vw 1vw)" | 17 PASS innerStyle("-webkit-clip-path", "circle(1vw at 1vw 1vw)") is "circle(1vw at
1vw 1vw)" |
18 PASS innerStyle("-webkit-clip-path", "circle(1vh at 1vh 1vh)") is "circle(1vh at
1vh 1vh)" | 18 PASS innerStyle("-webkit-clip-path", "circle(1vh at 1vh 1vh)") is "circle(1vh at
1vh 1vh)" |
19 PASS innerStyle("-webkit-clip-path", "circle(1vmin at 1vmin 1vmin)") is "circle(
1vmin at 1vmin 1vmin)" | 19 PASS innerStyle("-webkit-clip-path", "circle(1vmin at 1vmin 1vmin)") is "circle(
1vmin at 1vmin 1vmin)" |
20 PASS computedStyle("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)") is "circle(
12px at 4px 8px)" | 20 PASS computedStyle("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)") is "circle(
12px at 4px 8px)" |
21 PASS computedStyle("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)") is "circle(
9px at 3px 6px)" | 21 PASS computedStyle("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)") is "circle(
9px at 3px 6px)" |
22 PASS computedStyle("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)") is "c
ircle(9px at 3px 6px)" | 22 PASS computedStyle("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)") is "c
ircle(9px at 3px 6px)" |
23 PASS computedStyle("-webkit-clip-path", "circle(150% at 50% 100%)") is "circle(1
50% at 50% 100%)" | 23 PASS computedStyle("-webkit-clip-path", "circle(150% at 50% 100%)") is "circle(1
50% at 50% 100%)" |
24 PASS computedStyle("-webkit-clip-path", "inset(45% 45% 90% 60% round 25% 10%)")
is "inset(45% 45% 90% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)" | 24 PASS computedStyle("-webkit-clip-path", "inset(45% 45% 90% 60% round 25% 10%)")
is "inset(45% 45% 90% 60% round 25% 10%)" |
25 PASS computedStyle("-webkit-clip-path", "ellipse(100% 100% at 100% 100%)") is "e
llipse(100% 100% at 100% 100%)" | 25 PASS computedStyle("-webkit-clip-path", "ellipse(100% 100% at 100% 100%)") is "e
llipse(100% 100% at 100% 100%)" |
26 PASS computedStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is
"polygon(10% 20%, 30% 40%, 40% 50%)" | 26 PASS computedStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is
"polygon(10% 20%, 30% 40%, 40% 50%)" |
27 PASS innerStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is null | 27 PASS innerStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is null |
28 PASS computedStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is "none" | 28 PASS computedStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is "none" |
29 PASS innerStyle("-webkit-clip-path", "circle(px at 1px 1px)") is null | 29 PASS innerStyle("-webkit-clip-path", "circle(px at 1px 1px)") is null |
30 PASS computedStyle("-webkit-clip-path", "circle(px at 1px 1px)") is "none" | 30 PASS computedStyle("-webkit-clip-path", "circle(px at 1px 1px)") is "none" |
31 PASS innerStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is null | 31 PASS innerStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is null |
32 PASS computedStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is "none" | 32 PASS computedStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is "none" |
33 PASS innerStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is null | 33 PASS innerStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is null |
34 PASS computedStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is "none" | 34 PASS computedStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is "none" |
(...skipping 16 matching lines...) Expand all Loading... |
51 PASS innerStyle("-webkit-clip-path", "polygon()") is null | 51 PASS innerStyle("-webkit-clip-path", "polygon()") is null |
52 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" | 52 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" |
53 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null | 53 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null |
54 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" | 54 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" |
55 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null | 55 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null |
56 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" | 56 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" |
57 PASS successfullyParsed is true | 57 PASS successfullyParsed is true |
58 | 58 |
59 TEST COMPLETE | 59 TEST COMPLETE |
60 | 60 |
OLD | NEW |