OLD | NEW |
1 Testing parsing of the shape-outside property. | 1 Testing parsing of the shape-outside 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-outside", "none") is "none" | 6 PASS getCSSText("shape-outside", "none") is "none" |
7 PASS getComputedStyleValue("shape-outside", "none") is "none" | 7 PASS getComputedStyleValue("shape-outside", "none") is "none" |
8 PASS getCSSText("shape-outside", "rectangle(10px, 20px, 30px, 40px)") is "rectan
gle(10px, 20px, 30px, 40px)" | 8 PASS getCSSText("shape-outside", "rectangle(10px, 20px, 30px, 40px)") is "rectan
gle(10px, 20px, 30px, 40px)" |
9 PASS getComputedStyleValue("shape-outside", "rectangle(10px, 20px, 30px, 40px)")
is "rectangle(10px, 20px, 30px, 40px, 0px, 0px)" | 9 PASS getComputedStyleValue("shape-outside", "rectangle(10px, 20px, 30px, 40px)")
is "rectangle(10px, 20px, 30px, 40px, 0px, 0px)" |
10 PASS getCSSText("shape-outside", "rectangle(10px, 20px, 30px, 40px, 5px)") is "r
ectangle(10px, 20px, 30px, 40px, 5px)" | 10 PASS getCSSText("shape-outside", "rectangle(10px, 20px, 30px, 40px, 5px)") is "r
ectangle(10px, 20px, 30px, 40px, 5px)" |
(...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
126 PASS getCSSText("shape-outside", "ellipse(10px at top 10px left 10px)") is "elli
pse(10px at 10px 10px)" | 126 PASS getCSSText("shape-outside", "ellipse(10px at top 10px left 10px)") is "elli
pse(10px at 10px 10px)" |
127 PASS getComputedStyleValue("shape-outside", "ellipse(10px at top 10px left 10px)
") is "ellipse(10px closest-side at 10px 10px)" | 127 PASS getComputedStyleValue("shape-outside", "ellipse(10px at top 10px left 10px)
") is "ellipse(10px closest-side at 10px 10px)" |
128 PASS getCSSText("shape-outside", "ellipse(10px at right 10px bottom 10px)") is "
ellipse(10px at right 10px bottom 10px)" | 128 PASS getCSSText("shape-outside", "ellipse(10px at right 10px bottom 10px)") is "
ellipse(10px at right 10px bottom 10px)" |
129 PASS getComputedStyleValue("shape-outside", "ellipse(10px at right 10px bottom 1
0px)") is "ellipse(10px closest-side at right 10px bottom 10px)" | 129 PASS getComputedStyleValue("shape-outside", "ellipse(10px at right 10px bottom 1
0px)") is "ellipse(10px closest-side at right 10px bottom 10px)" |
130 PASS getCSSText("shape-outside", "ellipse(10px 20px at left top 10px)") is "elli
pse(10px 20px at 0% 10px)" | 130 PASS getCSSText("shape-outside", "ellipse(10px 20px at left top 10px)") is "elli
pse(10px 20px at 0% 10px)" |
131 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at left top 10px)
") is "ellipse(10px 20px at 0% 10px)" | 131 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at left top 10px)
") is "ellipse(10px 20px at 0% 10px)" |
132 PASS getCSSText("shape-outside", "ellipse(10px 20px at top 10px left 10px)") is
"ellipse(10px 20px at 10px 10px)" | 132 PASS getCSSText("shape-outside", "ellipse(10px 20px at top 10px left 10px)") is
"ellipse(10px 20px at 10px 10px)" |
133 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at top 10px left
10px)") is "ellipse(10px 20px at 10px 10px)" | 133 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at top 10px left
10px)") is "ellipse(10px 20px at 10px 10px)" |
134 PASS getCSSText("shape-outside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" | 134 PASS getCSSText("shape-outside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" |
135 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at right 10px bot
tom 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" | 135 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at right 10px bot
tom 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" |
136 PASS getCSSText("shape-outside", "polygon(10px 20px, 30px 40px, 40px 50px)") is
"polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 136 PASS getCSSText("shape-outside", "polygon(10px 20px, 30px 40px, 40px 50px)") is
"polygon(10px 20px, 30px 40px, 40px 50px)" |
137 PASS getComputedStyleValue("shape-outside", "polygon(10px 20px, 30px 40px, 40px
50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 137 PASS getComputedStyleValue("shape-outside", "polygon(10px 20px, 30px 40px, 40px
50px)") is "polygon(10px 20px, 30px 40px, 40px 50px)" |
138 PASS getCSSText("shape-outside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 138 PASS getCSSText("shape-outside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
139 PASS getComputedStyleValue("shape-outside", "polygon(evenodd, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 139 PASS getComputedStyleValue("shape-outside", "polygon(evenodd, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
140 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 140 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(10px 20px, 30px 40px, 40px 50px)" |
141 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 141 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(10px 20px, 30px 40px, 40px 50px)" |
142 PASS getCSSText("shape-outside", "content-box") is "content-box" | 142 PASS getCSSText("shape-outside", "content-box") is "content-box" |
143 PASS getComputedStyleValue("shape-outside", "content-box") is "content-box" | 143 PASS getComputedStyleValue("shape-outside", "content-box") is "content-box" |
144 PASS getCSSText("shape-outside", "padding-box") is "padding-box" | 144 PASS getCSSText("shape-outside", "padding-box") is "padding-box" |
145 PASS getComputedStyleValue("shape-outside", "padding-box") is "padding-box" | 145 PASS getComputedStyleValue("shape-outside", "padding-box") is "padding-box" |
146 PASS getCSSText("shape-outside", "border-box") is "border-box" | 146 PASS getCSSText("shape-outside", "border-box") is "border-box" |
147 PASS getComputedStyleValue("shape-outside", "border-box") is "border-box" | 147 PASS getComputedStyleValue("shape-outside", "border-box") is "border-box" |
148 PASS getCSSText("shape-outside", "margin-box") is "margin-box" | 148 PASS getCSSText("shape-outside", "margin-box") is "margin-box" |
149 PASS getComputedStyleValue("shape-outside", "margin-box") is "margin-box" | 149 PASS getComputedStyleValue("shape-outside", "margin-box") is "margin-box" |
150 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px) content-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) content-
box" | 150 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px) content-box") is "polygon(10px 10px, 20px 20px, 30px 30px) content-box" |
151 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px) content-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) content-box" | 151 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px) content-box") is "polygon(10px 10px, 20px 20px, 30px 30px) conten
t-box" |
152 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px) padding-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) padding-
box" | 152 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px) padding-box") is "polygon(10px 10px, 20px 20px, 30px 30px) padding-box" |
153 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px) padding-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) padding-box" | 153 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px) padding-box") is "polygon(10px 10px, 20px 20px, 30px 30px) paddin
g-box" |
154 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px) border-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) border-bo
x" | 154 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px) border-box") is "polygon(10px 10px, 20px 20px, 30px 30px) border-box" |
155 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px) border-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
) border-box" | 155 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px) border-box") is "polygon(10px 10px, 20px 20px, 30px 30px) border-
box" |
156 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px) margin-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px) margin-bo
x" | 156 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px) margin-box") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-box" |
157 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px) margin-box") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
) margin-box" | 157 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px) margin-box") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-
box" |
158 PASS getCSSText("shape-outside", "content-box polygon(nonzero, 10px 10px, 20px 2
0px, 30px 30px)") is "content-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px)" | 158 PASS getCSSText("shape-outside", "content-box polygon(nonzero, 10px 10px, 20px 2
0px, 30px 30px)") is "content-box polygon(10px 10px, 20px 20px, 30px 30px)" |
159 PASS getComputedStyleValue("shape-outside", "content-box polygon(nonzero, 10px 1
0px, 20px 20px, 30px 30px)") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) content-box" | 159 PASS getComputedStyleValue("shape-outside", "content-box polygon(nonzero, 10px 1
0px, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) conten
t-box" |
160 PASS getCSSText("shape-outside", "padding-box polygon(nonzero, 10px 10px, 20px 2
0px, 30px 30px)") is "padding-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30
px)" | 160 PASS getCSSText("shape-outside", "padding-box polygon(nonzero, 10px 10px, 20px 2
0px, 30px 30px)") is "padding-box polygon(10px 10px, 20px 20px, 30px 30px)" |
161 PASS getComputedStyleValue("shape-outside", "padding-box polygon(nonzero, 10px 1
0px, 20px 20px, 30px 30px)") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) padding-box" | 161 PASS getComputedStyleValue("shape-outside", "padding-box polygon(nonzero, 10px 1
0px, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) paddin
g-box" |
162 PASS getCSSText("shape-outside", "border-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "border-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
)" | 162 PASS getCSSText("shape-outside", "border-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "border-box polygon(10px 10px, 20px 20px, 30px 30px)" |
163 PASS getComputedStyleValue("shape-outside", "border-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
) border-box" | 163 PASS getComputedStyleValue("shape-outside", "border-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) border-
box" |
164 PASS getCSSText("shape-outside", "margin-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "margin-box polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
)" | 164 PASS getCSSText("shape-outside", "margin-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "margin-box polygon(10px 10px, 20px 20px, 30px 30px)" |
165 PASS getComputedStyleValue("shape-outside", "margin-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(nonzero, 10px 10px, 20px 20px, 30px 30px
) margin-box" | 165 PASS getComputedStyleValue("shape-outside", "margin-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-
box" |
166 PASS removeBaseURL(getCSSText("shape-outside", "url('image')")) is "url(image)" | 166 PASS removeBaseURL(getCSSText("shape-outside", "url('image')")) is "url(image)" |
167 PASS removeBaseURL(getComputedStyleValue("shape-outside", "url('image')")) is "u
rl(image)" | 167 PASS removeBaseURL(getComputedStyleValue("shape-outside", "url('image')")) is "u
rl(image)" |
168 PASS getCSSText("shape-outside", "calc()") is "" | 168 PASS getCSSText("shape-outside", "calc()") is "" |
169 PASS getComputedStyleValue("shape-outside", "calc()") is "none" | 169 PASS getComputedStyleValue("shape-outside", "calc()") is "none" |
170 PASS getCSSText("shape-outside", "auto") is "" | 170 PASS getCSSText("shape-outside", "auto") is "" |
171 PASS getComputedStyleValue("shape-outside", "auto") is "none" | 171 PASS getComputedStyleValue("shape-outside", "auto") is "none" |
172 PASS getCSSText("shape-outside", "rectangle()") is "" | 172 PASS getCSSText("shape-outside", "rectangle()") is "" |
173 PASS getComputedStyleValue("shape-outside", "rectangle()") is "none" | 173 PASS getComputedStyleValue("shape-outside", "rectangle()") is "none" |
174 PASS getCSSText("shape-outside", "rectangle(10px)") is "" | 174 PASS getCSSText("shape-outside", "rectangle(10px)") is "" |
175 PASS getComputedStyleValue("shape-outside", "rectangle(10px)") is "none" | 175 PASS getComputedStyleValue("shape-outside", "rectangle(10px)") is "none" |
(...skipping 132 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
308 PASS getParentAndChildComputedStylesString("shape-outside", "none", "rectangle(1
0px, 20px, 30px, 40px)") is "parent: none, child: rectangle(10px, 20px, 30px, 40
px, 0px, 0px)" | 308 PASS getParentAndChildComputedStylesString("shape-outside", "none", "rectangle(1
0px, 20px, 30px, 40px)") is "parent: none, child: rectangle(10px, 20px, 30px, 40
px, 0px, 0px)" |
309 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0
px), child: none" | 309 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0
px), child: none" |
310 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), ch
ild: none" | 310 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), ch
ild: none" |
311 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "inherit") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0
px), child: rectangle(10px, 20px, 30px, 40px, 0px, 0px)" | 311 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "inherit") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0
px), child: rectangle(10px, 20px, 30px, 40px, 0px, 0px)" |
312 PASS getParentAndChildComputedStylesString("shape-outside", "", "inherit") is "p
arent: none, child: none" | 312 PASS getParentAndChildComputedStylesString("shape-outside", "", "inherit") is "p
arent: none, child: none" |
313 PASS getParentAndChildComputedStylesString("shape-outside", "none", "inherit") i
s "parent: none, child: none" | 313 PASS getParentAndChildComputedStylesString("shape-outside", "none", "inherit") i
s "parent: none, child: none" |
314 PASS successfullyParsed is true | 314 PASS successfullyParsed is true |
315 | 315 |
316 TEST COMPLETE | 316 TEST COMPLETE |
317 | 317 |
OLD | NEW |