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, 0, 0)") is "circle(0px, 0px, 0px
)" | 6 PASS innerStyle("-webkit-clip-path", "circle(0, 0, 0)") is "circle(0px, 0px, 0px
)" |
7 PASS innerStyle("-webkit-clip-path", "circle(-1px, +1px, 1px)") is "circle(-1px,
1px, 1px)" | 7 PASS innerStyle("-webkit-clip-path", "circle(-1px, +1px, 1px)") is "circle(-1px,
1px, 1px)" |
8 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)") is "circle
(-1.5px, 1.5px, 1.5px)" | 8 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)") is "circle
(-1.5px, 1.5px, 1.5px)" |
9 PASS innerStyle("-webkit-clip-path", "circle(-.5px, +.5px, .5px)") is "circle(-0
.5px, 0.5px, 0.5px)" | 9 PASS innerStyle("-webkit-clip-path", "circle(-.5px, +.5px, .5px)") is "circle(-0
.5px, 0.5px, 0.5px)" |
| 10 PASS innerStyle("-webkit-clip-path", "circle(0 at 0 0)") is "circle(0px at 0px 0
px)" |
| 11 PASS innerStyle("-webkit-clip-path", "circle(1px at -1px +1px)") is "circle(1px
at -1px 1px)" |
| 12 PASS innerStyle("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)") is "circl
e(1.5px at -1.5px 1.5px)" |
| 13 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", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)")
is "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)" | 14 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)")
is "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)" |
11 PASS innerStyle("-webkit-clip-path", "circle(-1em, +1em, 1em)") is "circle(-1em,
1em, 1em)" | 15 PASS innerStyle("-webkit-clip-path", "circle(-1em, +1em, 1em)") is "circle(-1em,
1em, 1em)" |
12 PASS innerStyle("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)") is "circle
(-1.5em, 1.5em, 1.5em)" | 16 PASS innerStyle("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)") is "circle
(-1.5em, 1.5em, 1.5em)" |
13 PASS innerStyle("-webkit-clip-path", "circle(-.5em, +.5em, .5em)") is "circle(-0
.5em, 0.5em, 0.5em)" | 17 PASS innerStyle("-webkit-clip-path", "circle(-.5em, +.5em, .5em)") is "circle(-0
.5em, 0.5em, 0.5em)" |
14 PASS innerStyle("-webkit-clip-path", "circle(1ex, 1ex, 1ex)") is "circle(1ex, 1e
x, 1ex)" | 18 PASS innerStyle("-webkit-clip-path", "circle(1ex, 1ex, 1ex)") is "circle(1ex, 1e
x, 1ex)" |
15 PASS innerStyle("-webkit-clip-path", "circle(1rem, 1rem, 1rem)") is "circle(1rem
, 1rem, 1rem)" | 19 PASS innerStyle("-webkit-clip-path", "circle(1rem, 1rem, 1rem)") is "circle(1rem
, 1rem, 1rem)" |
16 PASS computedStyle("-webkit-clip-path", "circle(.5em, 1em, 1.5em)") is "circle(4
px, 8px, 12px)" | 20 PASS computedStyle("-webkit-clip-path", "circle(.5em, 1em, 1.5em)") is "circle(4
px, 8px, 12px)" |
17 PASS computedStyle("-webkit-clip-path", "circle(.5rem, 1rem, 1.5rem)") is "circl
e(8px, 16px, 24px)" | 21 PASS computedStyle("-webkit-clip-path", "circle(.5rem, 1rem, 1.5rem)") is "circl
e(8px, 16px, 24px)" |
| 22 PASS innerStyle("-webkit-clip-path", "circle(1em at -1em +1em)") is "circle(1em
at -1em 1em)" |
| 23 PASS innerStyle("-webkit-clip-path", "circle(1.5em at -1.5em +1.5em)") is "circl
e(1.5em at -1.5em 1.5em)" |
| 24 PASS innerStyle("-webkit-clip-path", "circle(.5em at -.5em +.5em)") is "circle(0
.5em at -0.5em 0.5em)" |
| 25 PASS innerStyle("-webkit-clip-path", "circle(1ex at 1ex 1ex)") is "circle(1ex at
1ex 1ex)" |
| 26 PASS innerStyle("-webkit-clip-path", "circle(1rem at 1rem 1rem)") is "circle(1re
m at 1rem 1rem)" |
| 27 PASS computedStyle("-webkit-clip-path", "circle(1.5em at .5em 1em)") is "circle(
12px at 4px 8px)" |
| 28 PASS computedStyle("-webkit-clip-path", "circle(1.5rem at .5rem 1rem)") is "circ
le(24px at 8px 16px)" |
18 PASS innerStyle("-webkit-clip-path", "circle(1vw, 1vw, 1vw)") is "circle(1vw, 1v
w, 1vw)" | 29 PASS innerStyle("-webkit-clip-path", "circle(1vw, 1vw, 1vw)") is "circle(1vw, 1v
w, 1vw)" |
19 PASS innerStyle("-webkit-clip-path", "circle(1vh, 1vh, 1vh)") is "circle(1vh, 1v
h, 1vh)" | 30 PASS innerStyle("-webkit-clip-path", "circle(1vh, 1vh, 1vh)") is "circle(1vh, 1v
h, 1vh)" |
20 PASS innerStyle("-webkit-clip-path", "circle(1vmin, 1vmin, 1vmin)") is "circle(1
vmin, 1vmin, 1vmin)" | 31 PASS innerStyle("-webkit-clip-path", "circle(1vmin, 1vmin, 1vmin)") is "circle(1
vmin, 1vmin, 1vmin)" |
21 PASS computedStyle("-webkit-clip-path", "circle(.5vw, 1vw, 1.5vw)") is "circle(0
.5vw, 1vw, 1.5vw)" | 32 PASS computedStyle("-webkit-clip-path", "circle(.5vw, 1vw, 1.5vw)") is "circle(0
.5vw, 1vw, 1.5vw)" |
22 PASS computedStyle("-webkit-clip-path", "circle(.5vh, 1vh, 1.5vh)") is "circle(0
.5vh, 1vh, 1.5vh)" | 33 PASS computedStyle("-webkit-clip-path", "circle(.5vh, 1vh, 1.5vh)") is "circle(0
.5vh, 1vh, 1.5vh)" |
23 PASS computedStyle("-webkit-clip-path", "circle(.5vmin, 1vmin, 1.5vmin)") is "ci
rcle(0.5vmin, 1vmin, 1.5vmin)" | 34 PASS computedStyle("-webkit-clip-path", "circle(.5vmin, 1vmin, 1.5vmin)") is "ci
rcle(0.5vmin, 1vmin, 1.5vmin)" |
| 35 PASS innerStyle("-webkit-clip-path", "circle(1vw at 1vw 1vw)") is "circle(1vw at
1vw 1vw)" |
| 36 PASS innerStyle("-webkit-clip-path", "circle(1vh at 1vh 1vh)") is "circle(1vh at
1vh 1vh)" |
| 37 PASS innerStyle("-webkit-clip-path", "circle(1vmin at 1vmin 1vmin)") is "circle(
1vmin at 1vmin 1vmin)" |
| 38 PASS computedStyle("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)") is "circle(
1.5vw at 0.5vw 1vw)" |
| 39 PASS computedStyle("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)") is "circle(
1.5vh at 0.5vh 1vh)" |
| 40 PASS computedStyle("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)") is "c
ircle(1.5vmin at 0.5vmin 1vmin)" |
24 PASS innerStyle("-webkit-clip-path", "circle(100%, 100%, 100%)") is "circle(100%
, 100%, 100%)" | 41 PASS innerStyle("-webkit-clip-path", "circle(100%, 100%, 100%)") is "circle(100%
, 100%, 100%)" |
| 42 PASS innerStyle("-webkit-clip-path", "circle(100% at 100% 100%)") is "circle(100
% at 100% 100%)" |
25 PASS innerStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)")
is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" | 43 PASS innerStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)")
is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" |
26 PASS innerStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "elli
pse(100%, 100%, 100%, 100%)" | 44 PASS innerStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "elli
pse(100%, 100%, 100%, 100%)" |
27 PASS innerStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is "p
olygon(nonzero, 10% 20%, 30% 40%, 40% 50%)" | 45 PASS innerStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is "p
olygon(nonzero, 10% 20%, 30% 40%, 40% 50%)" |
28 PASS computedStyle("-webkit-clip-path", "circle(50%, 100%, 150%)") is "circle(50
%, 100%, 150%)" | 46 PASS computedStyle("-webkit-clip-path", "circle(50%, 100%, 150%)") is "circle(50
%, 100%, 150%)" |
| 47 PASS computedStyle("-webkit-clip-path", "circle(150% at 50% 100%)") is "circle(1
50% at 50% 100%)" |
29 PASS computedStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)
") is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" | 48 PASS computedStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)
") is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" |
30 PASS computedStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "e
llipse(100%, 100%, 100%, 100%)" | 49 PASS computedStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "e
llipse(100%, 100%, 100%, 100%)" |
31 PASS computedStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is
"polygon(nonzero, 10% 20%, 30% 40%, 40% 50%)" | 50 PASS computedStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is
"polygon(nonzero, 10% 20%, 30% 40%, 40% 50%)" |
32 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is null | 51 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is null |
33 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is "none" | 52 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is "none" |
34 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, px)") is null | 53 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, px)") is null |
35 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, px)") is "none" | 54 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, px)") is "none" |
36 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is null | 55 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is null |
37 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is "none" | 56 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is "none" |
38 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is null | 57 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is null |
39 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is "none" | 58 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is "none" |
| 59 PASS innerStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is null |
| 60 PASS computedStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is "none" |
| 61 PASS innerStyle("-webkit-clip-path", "circle(px at 1px 1px)") is null |
| 62 PASS computedStyle("-webkit-clip-path", "circle(px at 1px 1px)") is "none" |
| 63 PASS innerStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is null |
| 64 PASS computedStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is "none" |
| 65 PASS innerStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is null |
| 66 PASS computedStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is "none" |
40 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is null | 67 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is null |
41 PASS computedStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is "no
ne" | 68 PASS computedStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is "no
ne" |
| 69 PASS innerStyle("-webkit-clip-path", "circle(-1.5px at -1.5px +1.5px)") is null |
| 70 PASS computedStyle("-webkit-clip-path", "circle(-1.5px at -1.5px +1.5px)") is "n
one" |
42 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)")
is null | 71 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)")
is null |
43 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc
)") is "none" | 72 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc
)") is "none" |
44 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)")
is null | 73 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)")
is null |
45 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc
)") is "none" | 74 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc
)") is "none" |
46 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is null | 75 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is null |
47 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is "none
" | 76 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is "none
" |
48 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is null | 77 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is null |
49 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is "none
" | 78 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is "none
" |
50 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)")
is null | 79 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)")
is null |
51 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc
)") is "none" | 80 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc
)") is "none" |
52 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)")
is null | 81 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)")
is null |
53 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc
)") is "none" | 82 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc
)") is "none" |
54 PASS innerStyle("-webkit-clip-path", "circle(0, 0)") is null | 83 PASS innerStyle("-webkit-clip-path", "circle(0, 0)") is null |
55 PASS computedStyle("-webkit-clip-path", "circle(0, 0)") is "none" | 84 PASS computedStyle("-webkit-clip-path", "circle(0, 0)") is "none" |
56 PASS innerStyle("-webkit-clip-path", "circle(0)") is null | |
57 PASS computedStyle("-webkit-clip-path", "circle(0)") is "none" | |
58 PASS innerStyle("-webkit-clip-path", "circle()") is null | |
59 PASS computedStyle("-webkit-clip-path", "circle()") is "none" | |
60 PASS innerStyle("-webkit-clip-path", "polygon(0, 0)") is null | 85 PASS innerStyle("-webkit-clip-path", "polygon(0, 0)") is null |
61 PASS computedStyle("-webkit-clip-path", "polygon(0, 0)") is "none" | 86 PASS computedStyle("-webkit-clip-path", "polygon(0, 0)") is "none" |
62 PASS innerStyle("-webkit-clip-path", "polygon(0 0, 0)") is null | 87 PASS innerStyle("-webkit-clip-path", "polygon(0 0, 0)") is null |
63 PASS computedStyle("-webkit-clip-path", "polygon(0 0, 0)") is "none" | 88 PASS computedStyle("-webkit-clip-path", "polygon(0 0, 0)") is "none" |
64 PASS innerStyle("-webkit-clip-path", "polygon(0)") is null | 89 PASS innerStyle("-webkit-clip-path", "polygon(0)") is null |
65 PASS computedStyle("-webkit-clip-path", "polygon(0)") is "none" | 90 PASS computedStyle("-webkit-clip-path", "polygon(0)") is "none" |
66 PASS innerStyle("-webkit-clip-path", "polygon()") is null | 91 PASS innerStyle("-webkit-clip-path", "polygon()") is null |
67 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" | 92 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" |
68 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null | 93 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null |
69 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" | 94 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" |
70 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null | 95 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null |
71 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" | 96 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" |
72 PASS successfullyParsed is true | 97 PASS successfullyParsed is true |
73 | 98 |
74 TEST COMPLETE | 99 TEST COMPLETE |
75 | 100 |
OLD | NEW |