OLD | NEW |
1 Testing parsing of the shape-inside property. | 1 Testing parsing of the shape-inside property. |
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 getCSSText("shape-inside", "auto") is "auto" | 6 PASS getCSSText("shape-inside", "auto") is "auto" |
7 PASS getComputedStyleValue("shape-inside", "auto") is "auto" | 7 PASS getComputedStyleValue("shape-inside", "auto") is "auto" |
8 PASS getCSSText("shape-inside", "rectangle(10px, 20px, 30px, 40px)") is "rectang
le(10px, 20px, 30px, 40px)" | 8 PASS getCSSText("shape-inside", "rectangle(10px, 20px, 30px, 40px)") is "rectang
le(10px, 20px, 30px, 40px)" |
9 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px)")
is "rectangle(10px, 20px, 30px, 40px, 0px, 0px)" | 9 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px)")
is "rectangle(10px, 20px, 30px, 40px, 0px, 0px)" |
10 PASS getCSSText("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5px)") is "re
ctangle(10px, 20px, 30px, 40px, 5px)" | 10 PASS getCSSText("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5px)") is "re
ctangle(10px, 20px, 30px, 40px, 5px)" |
11 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5p
x)") is "rectangle(10px, 20px, 30px, 40px, 5px, 5px)" | 11 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5p
x)") is "rectangle(10px, 20px, 30px, 40px, 5px, 5px)" |
12 PASS getCSSText("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5px, 10px)")
is "rectangle(10px, 20px, 30px, 40px, 5px, 10px)" | 12 PASS getCSSText("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5px, 10px)")
is "rectangle(10px, 20px, 30px, 40px, 5px, 10px)" |
13 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5p
x, 10px)") is "rectangle(10px, 20px, 30px, 40px, 5px, 10px)" | 13 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5p
x, 10px)") is "rectangle(10px, 20px, 30px, 40px, 5px, 10px)" |
14 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px)") is "i
nset-rectangle(10px, 20px, 30px, 40px)" | 14 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px)") is "i
nset-rectangle(10px, 20px, 30px, 40px)" |
15 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px)") is "inset-rectangle(10px, 20px, 30px, 40px, 0px, 0px)" | 15 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px)") is "inset-rectangle(10px, 20px, 30px, 40px, 0px, 0px)" |
16 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 5px)")
is "inset-rectangle(10px, 20px, 30px, 40px, 5px)" | 16 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 5px)")
is "inset-rectangle(10px, 20px, 30px, 40px, 5px)" |
17 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 5px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 5px)" | 17 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 5px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 5px)" |
18 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10
px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)" | 18 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10
px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)" |
19 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 5px, 10px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)" | 19 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 5px, 10px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)" |
20 PASS getCSSText("shape-inside", "circle(10px, 20px, 30px)") is "circle(10px, 20p
x, 30px)" | 20 PASS getCSSText("shape-inside", "circle(10px, 20px, 30px)") is "circle(10px, 20p
x, 30px)" |
21 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px, 30px)") is "circl
e(10px, 20px, 30px)" | 21 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px, 30px)") is "circl
e(10px, 20px, 30px)" |
| 22 PASS getCSSText("shape-inside", "circle()") is "circle()" |
| 23 PASS getComputedStyleValue("shape-inside", "circle()") is "circle(closest-side a
t 50% 50%)" |
| 24 PASS getCSSText("shape-inside", "circle(10px)") is "circle(10px)" |
| 25 PASS getComputedStyleValue("shape-inside", "circle(10px)") is "circle(10px at 50
% 50%)" |
| 26 PASS getCSSText("shape-inside", "circle(10px at 10px)") is "circle(10px at 10px
50%)" |
| 27 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px)") is "circle(10
px at 10px 50%)" |
| 28 PASS getCSSText("shape-inside", "circle(10px at 10px 10px)") is "circle(10px at
10px 10px)" |
| 29 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px)") is "circ
le(10px at 10px 10px)" |
| 30 PASS getCSSText("shape-inside", "circle(at 10px)") is "circle(at 10px 50%)" |
| 31 PASS getComputedStyleValue("shape-inside", "circle(at 10px)") is "circle(closest
-side at 10px 50%)" |
| 32 PASS getCSSText("shape-inside", "circle(at 10px)") is "circle(at 10px 50%)" |
| 33 PASS getComputedStyleValue("shape-inside", "circle(at 10px)") is "circle(closest
-side at 10px 50%)" |
| 34 PASS getCSSText("shape-inside", "circle(at 10px 10px)") is "circle(at 10px 10px)
" |
| 35 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px)") is "circle(cl
osest-side at 10px 10px)" |
| 36 PASS getCSSText("shape-inside", "circle(at top left)") is "circle(at 0% 0%)" |
| 37 PASS getComputedStyleValue("shape-inside", "circle(at top left)") is "circle(clo
sest-side at 0% 0%)" |
| 38 PASS getCSSText("shape-inside", "circle(at right bottom)") is "circle(at 100% 10
0%)" |
| 39 PASS getComputedStyleValue("shape-inside", "circle(at right bottom)") is "circle
(closest-side at 100% 100%)" |
| 40 PASS getCSSText("shape-inside", "circle(10px at left top 10px)") is "circle(10px
at left 0% top 10px)" |
| 41 PASS getComputedStyleValue("shape-inside", "circle(10px at left top 10px)") is "
circle(10px at left 0% top 10px)" |
| 42 PASS getCSSText("shape-inside", "circle(10px at top 10px left 10px)") is "circle
(10px at left 10px top 10px)" |
| 43 PASS getComputedStyleValue("shape-inside", "circle(10px at top 10px left 10px)")
is "circle(10px at left 10px top 10px)" |
| 44 PASS getCSSText("shape-inside", "circle(10px at right 10px bottom 10px)") is "ci
rcle(10px at right 10px bottom 10px)" |
| 45 PASS getComputedStyleValue("shape-inside", "circle(10px at right 10px bottom 10p
x)") is "circle(10px at right 10px bottom 10px)" |
22 PASS getCSSText("shape-inside", "ellipse(10px, 20px, 30px, 40px)") is "ellipse(1
0px, 20px, 30px, 40px)" | 46 PASS getCSSText("shape-inside", "ellipse(10px, 20px, 30px, 40px)") is "ellipse(1
0px, 20px, 30px, 40px)" |
23 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px, 30px, 40px)") is
"ellipse(10px, 20px, 30px, 40px)" | 47 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px, 30px, 40px)") is
"ellipse(10px, 20px, 30px, 40px)" |
24 PASS getCSSText("shape-inside", "polygon(10px 20px, 30px 40px, 40px 50px)") is "
polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 48 PASS getCSSText("shape-inside", "polygon(10px 20px, 30px 40px, 40px 50px)") is "
polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
25 PASS getComputedStyleValue("shape-inside", "polygon(10px 20px, 30px 40px, 40px 5
0px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 49 PASS getComputedStyleValue("shape-inside", "polygon(10px 20px, 30px 40px, 40px 5
0px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
26 PASS getCSSText("shape-inside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 50 PASS getCSSText("shape-inside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
27 PASS getComputedStyleValue("shape-inside", "polygon(evenodd, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 51 PASS getComputedStyleValue("shape-inside", "polygon(evenodd, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
28 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 52 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
29 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 53 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
30 PASS getCSSText("shape-inside", "content-box") is "content-box" | 54 PASS getCSSText("shape-inside", "content-box") is "content-box" |
31 PASS getComputedStyleValue("shape-inside", "content-box") is "content-box" | 55 PASS getComputedStyleValue("shape-inside", "content-box") is "content-box" |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
76 PASS getCSSText("shape-inside", "inset-rectangle(10px)") is "" | 100 PASS getCSSText("shape-inside", "inset-rectangle(10px)") is "" |
77 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px)") is "auto" | 101 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px)") is "auto" |
78 PASS getCSSText("shape-inside", "inset-rectangle(10px, 10px)") is "" | 102 PASS getCSSText("shape-inside", "inset-rectangle(10px, 10px)") is "" |
79 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 10px)") is "au
to" | 103 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 10px)") is "au
to" |
80 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px)") is "" | 104 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px)") is "" |
81 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px)")
is "auto" | 105 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px)")
is "auto" |
82 PASS getCSSText("shape-inside", "inset-rectangle(10px 20px 30px 40px)") is "" | 106 PASS getCSSText("shape-inside", "inset-rectangle(10px 20px 30px 40px)") is "" |
83 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px 20px 30px 40px)
") is "auto" | 107 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px 20px 30px 40px)
") is "auto" |
84 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 50px, 6
0px, 70px)") is "" | 108 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 50px, 6
0px, 70px)") is "" |
85 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 50px, 60px, 70px)") is "auto" | 109 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 50px, 60px, 70px)") is "auto" |
86 PASS getCSSText("shape-inside", "circle()") is "" | |
87 PASS getComputedStyleValue("shape-inside", "circle()") is "auto" | |
88 PASS getCSSText("shape-inside", "circle(10px)") is "" | |
89 PASS getComputedStyleValue("shape-inside", "circle(10px)") is "auto" | |
90 PASS getCSSText("shape-inside", "circle(10px, 20px)") is "" | 110 PASS getCSSText("shape-inside", "circle(10px, 20px)") is "" |
91 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px)") is "auto" | 111 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px)") is "auto" |
92 PASS getCSSText("shape-inside", "circle(10px 20px 30px)") is "" | 112 PASS getCSSText("shape-inside", "circle(10px 20px 30px)") is "" |
93 PASS getComputedStyleValue("shape-inside", "circle(10px 20px 30px)") is "auto" | 113 PASS getComputedStyleValue("shape-inside", "circle(10px 20px 30px)") is "auto" |
94 PASS getCSSText("shape-inside", "circle(10px, 20px, 30px, 40px)") is "" | 114 PASS getCSSText("shape-inside", "circle(10px, 20px, 30px, 40px)") is "" |
95 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px, 30px, 40px)") is
"auto" | 115 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px, 30px, 40px)") is
"auto" |
| 116 PASS getCSSText("shape-inside", "circle(10px 20px)") is "" |
| 117 PASS getComputedStyleValue("shape-inside", "circle(10px 20px)") is "auto" |
| 118 PASS getCSSText("shape-inside", "circle(10px at 10px 10px 10px)") is "" |
| 119 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px 10px)") is
"auto" |
| 120 PASS getCSSText("shape-inside", "circle(10px at 10px 10px at center)") is "" |
| 121 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px at center)"
) is "auto" |
| 122 PASS getCSSText("shape-inside", "circle(10px at center center 10px)") is "" |
| 123 PASS getComputedStyleValue("shape-inside", "circle(10px at center center 10px)")
is "auto" |
| 124 PASS getCSSText("shape-inside", "circle(at 10px 10px 10px)") is "" |
| 125 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px 10px)") is "auto
" |
| 126 PASS getCSSText("shape-inside", "circle(at 10px 10px at center)") is "" |
| 127 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px at center)") is
"auto" |
| 128 PASS getCSSText("shape-inside", "circle(at center center 10px)") is "" |
| 129 PASS getComputedStyleValue("shape-inside", "circle(at center center 10px)") is "
auto" |
96 PASS getCSSText("shape-inside", "ellipse()") is "" | 130 PASS getCSSText("shape-inside", "ellipse()") is "" |
97 PASS getComputedStyleValue("shape-inside", "ellipse()") is "auto" | 131 PASS getComputedStyleValue("shape-inside", "ellipse()") is "auto" |
98 PASS getCSSText("shape-inside", "ellipse(10px)") is "" | 132 PASS getCSSText("shape-inside", "ellipse(10px)") is "" |
99 PASS getComputedStyleValue("shape-inside", "ellipse(10px)") is "auto" | 133 PASS getComputedStyleValue("shape-inside", "ellipse(10px)") is "auto" |
100 PASS getCSSText("shape-inside", "ellipse(10px, 20px)") is "" | 134 PASS getCSSText("shape-inside", "ellipse(10px, 20px)") is "" |
101 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px)") is "auto" | 135 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px)") is "auto" |
102 PASS getCSSText("shape-inside", "ellipse(10px, 20px, 30px)") is "" | 136 PASS getCSSText("shape-inside", "ellipse(10px, 20px, 30px)") is "" |
103 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px, 30px)") is "auto
" | 137 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px, 30px)") is "auto
" |
104 PASS getCSSText("shape-inside", "ellipse(10px 20px 30px 40px)") is "" | 138 PASS getCSSText("shape-inside", "ellipse(10px 20px 30px 40px)") is "" |
105 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px 30px 40px)") is "a
uto" | 139 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px 30px 40px)") is "a
uto" |
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
145 PASS getParentAndChildComputedStylesString("shape-inside", "outside-shape", "rec
tangle(10px, 20px, 30px, 40px)") is "parent: outside-shape, child: rectangle(10p
x, 20px, 30px, 40px, 0px, 0px)" | 179 PASS getParentAndChildComputedStylesString("shape-inside", "outside-shape", "rec
tangle(10px, 20px, 30px, 40px)") is "parent: outside-shape, child: rectangle(10p
x, 20px, 30px, 40px, 0px, 0px)" |
146 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0p
x), child: auto" | 180 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0p
x), child: auto" |
147 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), chi
ld: auto" | 181 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), chi
ld: auto" |
148 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "inherit") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0p
x), child: rectangle(10px, 20px, 30px, 40px, 0px, 0px)" | 182 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "inherit") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0p
x), child: rectangle(10px, 20px, 30px, 40px, 0px, 0px)" |
149 PASS getParentAndChildComputedStylesString("shape-inside", "", "inherit") is "pa
rent: auto, child: auto" | 183 PASS getParentAndChildComputedStylesString("shape-inside", "", "inherit") is "pa
rent: auto, child: auto" |
150 PASS getParentAndChildComputedStylesString("shape-inside", "auto", "inherit") is
"parent: auto, child: auto" | 184 PASS getParentAndChildComputedStylesString("shape-inside", "auto", "inherit") is
"parent: auto, child: auto" |
151 PASS successfullyParsed is true | 185 PASS successfullyParsed is true |
152 | 186 |
153 TEST COMPLETE | 187 TEST COMPLETE |
154 | 188 |
OLD | NEW |