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