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 0% 0%
)" | 10 PASS innerStyle("-webkit-clip-path", "circle(0 at 0 0)") is "circle(0px at 0% 0%
)" |
(...skipping 24 matching lines...) Expand all Loading... |
35 PASS innerStyle("-webkit-clip-path", "circle(1vw at 1vw 1vw)") is "circle(1vw at
1vw 1vw)" | 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)" | 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)" | 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(
12px at 4px 8px)" | 38 PASS computedStyle("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)") is "circle(
12px at 4px 8px)" |
39 PASS computedStyle("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)") is "circle(
9px at 3px 6px)" | 39 PASS computedStyle("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)") is "circle(
9px at 3px 6px)" |
40 PASS computedStyle("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)") is "c
ircle(9px at 3px 6px)" | 40 PASS computedStyle("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)") is "c
ircle(9px at 3px 6px)" |
41 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%)" | 42 PASS innerStyle("-webkit-clip-path", "circle(100% at 100% 100%)") is "circle(100
% at 100% 100%)" |
43 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%)" |
44 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%)" |
45 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(10% 20%, 30% 40%, 40% 50%)" |
46 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%)" | 47 PASS computedStyle("-webkit-clip-path", "circle(150% at 50% 100%)") is "circle(1
50% at 50% 100%)" |
48 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%)" |
49 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%)" |
50 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(10% 20%, 30% 40%, 40% 50%)" |
51 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is null | 51 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is null |
52 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is "none" | 52 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is "none" |
53 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, px)") is null | 53 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, px)") is null |
54 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, px)") is "none" | 54 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, px)") is "none" |
55 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is null | 55 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is null |
56 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is "none" | 56 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is "none" |
57 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is null | 57 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is null |
58 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 | 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" | 60 PASS computedStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is "none" |
(...skipping 30 matching lines...) Expand all Loading... |
91 PASS innerStyle("-webkit-clip-path", "polygon()") is null | 91 PASS innerStyle("-webkit-clip-path", "polygon()") is null |
92 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" | 92 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" |
93 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null | 93 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null |
94 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" | 94 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" |
95 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null | 95 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null |
96 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" | 96 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" |
97 PASS successfullyParsed is true | 97 PASS successfullyParsed is true |
98 | 98 |
99 TEST COMPLETE | 99 TEST COMPLETE |
100 | 100 |
OLD | NEW |