| 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 |