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", "none") is "none" | 6 PASS getCSSText("shape-inside", "none") is "none" |
7 PASS getComputedStyleValue("shape-inside", "none") is "none" | 7 PASS getComputedStyleValue("shape-inside", "none") is "none" |
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)" |
(...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
126 PASS getCSSText("shape-inside", "ellipse(10px at top 10px left 10px)") is "ellip
se(10px at 10px 10px)" | 126 PASS getCSSText("shape-inside", "ellipse(10px at top 10px left 10px)") is "ellip
se(10px at 10px 10px)" |
127 PASS getComputedStyleValue("shape-inside", "ellipse(10px at top 10px left 10px)"
) is "ellipse(10px closest-side at 10px 10px)" | 127 PASS getComputedStyleValue("shape-inside", "ellipse(10px at top 10px left 10px)"
) is "ellipse(10px closest-side at 10px 10px)" |
128 PASS getCSSText("shape-inside", "ellipse(10px at right 10px bottom 10px)") is "e
llipse(10px at right 10px bottom 10px)" | 128 PASS getCSSText("shape-inside", "ellipse(10px at right 10px bottom 10px)") is "e
llipse(10px at right 10px bottom 10px)" |
129 PASS getComputedStyleValue("shape-inside", "ellipse(10px at right 10px bottom 10
px)") is "ellipse(10px closest-side at right 10px bottom 10px)" | 129 PASS getComputedStyleValue("shape-inside", "ellipse(10px at right 10px bottom 10
px)") is "ellipse(10px closest-side at right 10px bottom 10px)" |
130 PASS getCSSText("shape-inside", "ellipse(10px 20px at left top 10px)") is "ellip
se(10px 20px at 0% 10px)" | 130 PASS getCSSText("shape-inside", "ellipse(10px 20px at left top 10px)") is "ellip
se(10px 20px at 0% 10px)" |
131 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at left top 10px)"
) is "ellipse(10px 20px at 0% 10px)" | 131 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at left top 10px)"
) is "ellipse(10px 20px at 0% 10px)" |
132 PASS getCSSText("shape-inside", "ellipse(10px 20px at top 10px left 10px)") is "
ellipse(10px 20px at 10px 10px)" | 132 PASS getCSSText("shape-inside", "ellipse(10px 20px at top 10px left 10px)") is "
ellipse(10px 20px at 10px 10px)" |
133 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at top 10px left 1
0px)") is "ellipse(10px 20px at 10px 10px)" | 133 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at top 10px left 1
0px)") is "ellipse(10px 20px at 10px 10px)" |
134 PASS getCSSText("shape-inside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" | 134 PASS getCSSText("shape-inside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" |
135 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at right 10px bott
om 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" | 135 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at right 10px bott
om 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" |
136 PASS getCSSText("shape-inside", "polygon(10px 20px, 30px 40px, 40px 50px)") is "
polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 136 PASS getCSSText("shape-inside", "polygon(10px 20px, 30px 40px, 40px 50px)") is "
polygon(10px 20px, 30px 40px, 40px 50px)" |
137 PASS getComputedStyleValue("shape-inside", "polygon(10px 20px, 30px 40px, 40px 5
0px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 137 PASS getComputedStyleValue("shape-inside", "polygon(10px 20px, 30px 40px, 40px 5
0px)") is "polygon(10px 20px, 30px 40px, 40px 50px)" |
138 PASS getCSSText("shape-inside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 138 PASS getCSSText("shape-inside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
139 PASS getComputedStyleValue("shape-inside", "polygon(evenodd, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 139 PASS getComputedStyleValue("shape-inside", "polygon(evenodd, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
140 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 140 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(10px 20px, 30px 40px, 40px 50px)" |
141 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 141 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(10px 20px, 30px 40px, 40px 50px)" |
142 PASS getCSSText("shape-inside", "content-box") is "content-box" | 142 PASS getCSSText("shape-inside", "content-box") is "content-box" |
143 PASS getComputedStyleValue("shape-inside", "content-box") is "content-box" | 143 PASS getComputedStyleValue("shape-inside", "content-box") is "content-box" |
144 PASS getCSSText("shape-inside", "padding-box") is "padding-box" | 144 PASS getCSSText("shape-inside", "padding-box") is "padding-box" |
145 PASS getComputedStyleValue("shape-inside", "padding-box") is "padding-box" | 145 PASS getComputedStyleValue("shape-inside", "padding-box") is "padding-box" |
146 PASS getCSSText("shape-inside", "border-box") is "border-box" | 146 PASS getCSSText("shape-inside", "border-box") is "border-box" |
147 PASS getComputedStyleValue("shape-inside", "border-box") is "border-box" | 147 PASS getComputedStyleValue("shape-inside", "border-box") is "border-box" |
148 PASS getCSSText("shape-inside", "margin-box") is "margin-box" | 148 PASS getCSSText("shape-inside", "margin-box") is "margin-box" |
149 PASS getComputedStyleValue("shape-inside", "margin-box") is "margin-box" | 149 PASS getComputedStyleValue("shape-inside", "margin-box") is "margin-box" |
150 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) content-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) content-b
ox" | 150 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) content-box") is "polygon(10px 10px, 20px 20px, 30px 30px) content-box" |
151 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) content-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
) content-box" | 151 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) content-box") is "polygon(10px 10px, 20px 20px, 30px 30px) content
-box" |
152 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) padding-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) padding-b
ox" | 152 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) padding-box") is "polygon(10px 10px, 20px 20px, 30px 30px) padding-box" |
153 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) padding-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
) padding-box" | 153 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) padding-box") is "polygon(10px 10px, 20px 20px, 30px 30px) padding
-box" |
154 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) border-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) border-box
" | 154 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) border-box") is "polygon(10px 10px, 20px 20px, 30px 30px) border-box" |
155 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) border-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)
border-box" | 155 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) border-box") is "polygon(10px 10px, 20px 20px, 30px 30px) border-b
ox" |
156 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) margin-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) margin-box
" | 156 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) margin-box") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-box" |
157 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) margin-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)
margin-box" | 157 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) margin-box") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-b
ox" |
158 PASS getCSSText("shape-inside", "content-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "content-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x)" | 158 PASS getCSSText("shape-inside", "content-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "content-box polygon(10px 10px, 20px 20px, 30px 30px)" |
159 PASS getComputedStyleValue("shape-inside", "content-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
) content-box" | 159 PASS getComputedStyleValue("shape-inside", "content-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) content
-box" |
160 PASS getCSSText("shape-inside", "padding-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "padding-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x)" | 160 PASS getCSSText("shape-inside", "padding-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "padding-box polygon(10px 10px, 20px 20px, 30px 30px)" |
161 PASS getComputedStyleValue("shape-inside", "padding-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
) padding-box" | 161 PASS getComputedStyleValue("shape-inside", "padding-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) padding
-box" |
162 PASS getCSSText("shape-inside", "border-box polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px)") is "border-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)
" | 162 PASS getCSSText("shape-inside", "border-box polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px)") is "border-box polygon(10px 10px, 20px 20px, 30px 30px)" |
163 PASS getComputedStyleValue("shape-inside", "border-box polygon(nonzero, 10px 10p
x, 20px 20px, 30px 30px)") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)
border-box" | 163 PASS getComputedStyleValue("shape-inside", "border-box polygon(nonzero, 10px 10p
x, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) border-b
ox" |
164 PASS getCSSText("shape-inside", "margin-box polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px)") is "margin-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)
" | 164 PASS getCSSText("shape-inside", "margin-box polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px)") is "margin-box polygon(10px 10px, 20px 20px, 30px 30px)" |
165 PASS getComputedStyleValue("shape-inside", "margin-box polygon(nonzero, 10px 10p
x, 20px 20px, 30px 30px)") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px)
margin-box" | 165 PASS getComputedStyleValue("shape-inside", "margin-box polygon(nonzero, 10px 10p
x, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-b
ox" |
166 PASS getCSSText("shape-inside", "outside-shape") is "outside-shape" | 166 PASS getCSSText("shape-inside", "outside-shape") is "outside-shape" |
167 PASS getComputedStyleValue("shape-inside", "outside-shape") is "outside-shape" | 167 PASS getComputedStyleValue("shape-inside", "outside-shape") is "outside-shape" |
168 PASS removeBaseURL(getCSSText("shape-inside", "url('image')")) is "url(image)" | 168 PASS removeBaseURL(getCSSText("shape-inside", "url('image')")) is "url(image)" |
169 PASS removeBaseURL(getComputedStyleValue("shape-inside", "url('image')")) is "ur
l(image)" | 169 PASS removeBaseURL(getComputedStyleValue("shape-inside", "url('image')")) is "ur
l(image)" |
170 PASS getCSSText("shape-inside", "calc()") is "" | 170 PASS getCSSText("shape-inside", "calc()") is "" |
171 PASS getComputedStyleValue("shape-inside", "calc()") is "none" | 171 PASS getComputedStyleValue("shape-inside", "calc()") is "none" |
172 PASS getCSSText("shape-inside", "auto") is "" | 172 PASS getCSSText("shape-inside", "auto") is "" |
173 PASS getComputedStyleValue("shape-inside", "auto") is "none" | 173 PASS getComputedStyleValue("shape-inside", "auto") is "none" |
174 PASS getCSSText("shape-inside", "rectangle()") is "" | 174 PASS getCSSText("shape-inside", "rectangle()") is "" |
175 PASS getComputedStyleValue("shape-inside", "rectangle()") is "none" | 175 PASS getComputedStyleValue("shape-inside", "rectangle()") is "none" |
(...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
309 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)" | 309 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)" |
310 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0p
x), child: none" | 310 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0p
x), child: none" |
311 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), chi
ld: none" | 311 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), chi
ld: none" |
312 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)" | 312 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)" |
313 PASS getParentAndChildComputedStylesString("shape-inside", "", "inherit") is "pa
rent: none, child: none" | 313 PASS getParentAndChildComputedStylesString("shape-inside", "", "inherit") is "pa
rent: none, child: none" |
314 PASS getParentAndChildComputedStylesString("shape-inside", "none", "inherit") is
"parent: none, child: none" | 314 PASS getParentAndChildComputedStylesString("shape-inside", "none", "inherit") is
"parent: none, child: none" |
315 PASS successfullyParsed is true | 315 PASS successfullyParsed is true |
316 | 316 |
317 TEST COMPLETE | 317 TEST COMPLETE |
318 | 318 |
OLD | NEW |