| 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 22 matching lines...) Expand all Loading... |
| 33 PASS getComputedStyleValue("shape-outside", "circle(10px at 10px 10px)") is "cir
cle(10px at 10px 10px)" | 33 PASS getComputedStyleValue("shape-outside", "circle(10px at 10px 10px)") is "cir
cle(10px at 10px 10px)" |
| 34 PASS getCSSText("shape-outside", "circle(at 10px)") is "circle(at 10px 50%)" | 34 PASS getCSSText("shape-outside", "circle(at 10px)") is "circle(at 10px 50%)" |
| 35 PASS getComputedStyleValue("shape-outside", "circle(at 10px)") is "circle(closes
t-side at 10px 50%)" | 35 PASS getComputedStyleValue("shape-outside", "circle(at 10px)") is "circle(closes
t-side at 10px 50%)" |
| 36 PASS getCSSText("shape-outside", "circle(at 10px 10px)") is "circle(at 10px 10px
)" | 36 PASS getCSSText("shape-outside", "circle(at 10px 10px)") is "circle(at 10px 10px
)" |
| 37 PASS getComputedStyleValue("shape-outside", "circle(at 10px 10px)") is "circle(c
losest-side at 10px 10px)" | 37 PASS getComputedStyleValue("shape-outside", "circle(at 10px 10px)") is "circle(c
losest-side at 10px 10px)" |
| 38 PASS getCSSText("shape-outside", "circle(at top left)") is "circle(at 0% 0%)" | 38 PASS getCSSText("shape-outside", "circle(at top left)") is "circle(at 0% 0%)" |
| 39 PASS getComputedStyleValue("shape-outside", "circle(at top left)") is "circle(cl
osest-side at 0% 0%)" | 39 PASS getComputedStyleValue("shape-outside", "circle(at top left)") is "circle(cl
osest-side at 0% 0%)" |
| 40 PASS getCSSText("shape-outside", "circle(at right bottom)") is "circle(at 100% 1
00%)" | 40 PASS getCSSText("shape-outside", "circle(at right bottom)") is "circle(at 100% 1
00%)" |
| 41 PASS getComputedStyleValue("shape-outside", "circle(at right bottom)") is "circl
e(closest-side at 100% 100%)" | 41 PASS getComputedStyleValue("shape-outside", "circle(at right bottom)") is "circl
e(closest-side at 100% 100%)" |
| 42 PASS getCSSText("shape-outside", "circle(10px at left top 10px)") is "circle(10p
x at left 0% top 10px)" | 42 PASS getCSSText("shape-outside", "circle(10px at left top 10px)") is "circle(10p
x at left 0% top 10px)" |
| 43 PASS getComputedStyleValue("shape-outside", "circle(10px at left top 10px)") is
"circle(10px at left 0% top 10px)" | 43 PASS getComputedStyleValue("shape-outside", "circle(10px at left top 10px)") is
"circle(10px at 0% 10px)" |
| 44 PASS getCSSText("shape-outside", "circle(10px at top 10px left 10px)") is "circl
e(10px at left 10px top 10px)" | 44 PASS getCSSText("shape-outside", "circle(10px at top 10px left 10px)") is "circl
e(10px at left 10px top 10px)" |
| 45 PASS getComputedStyleValue("shape-outside", "circle(10px at top 10px left 10px)"
) is "circle(10px at left 10px top 10px)" | 45 PASS getComputedStyleValue("shape-outside", "circle(10px at top 10px left 10px)"
) is "circle(10px at 10px 10px)" |
| 46 PASS getCSSText("shape-outside", "circle(10px at right 10px bottom 10px)") is "c
ircle(10px at right 10px bottom 10px)" | 46 PASS getCSSText("shape-outside", "circle(10px at right 10px bottom 10px)") is "c
ircle(10px at right 10px bottom 10px)" |
| 47 PASS getComputedStyleValue("shape-outside", "circle(10px at right 10px bottom 10
px)") is "circle(10px at right 10px bottom 10px)" | 47 PASS getComputedStyleValue("shape-outside", "circle(10px at right 10px bottom 10
px)") is "circle(10px at right 10px bottom 10px)" |
| 48 PASS getCSSText("shape-outside", "ellipse(10px, 20px, 30px, 40px)") is "ellipse(
10px, 20px, 30px, 40px)" | 48 PASS getCSSText("shape-outside", "ellipse(10px, 20px, 30px, 40px)") is "ellipse(
10px, 20px, 30px, 40px)" |
| 49 PASS getComputedStyleValue("shape-outside", "ellipse(10px, 20px, 30px, 40px)") i
s "ellipse(10px, 20px, 30px, 40px)" | 49 PASS getComputedStyleValue("shape-outside", "ellipse(10px, 20px, 30px, 40px)") i
s "ellipse(10px, 20px, 30px, 40px)" |
| 50 PASS getCSSText("shape-outside", "ellipse()") is "ellipse()" | 50 PASS getCSSText("shape-outside", "ellipse()") is "ellipse()" |
| 51 PASS getComputedStyleValue("shape-outside", "ellipse()") is "ellipse(closest-sid
e closest-side at 50% 50%)" | 51 PASS getComputedStyleValue("shape-outside", "ellipse()") is "ellipse(closest-sid
e closest-side at 50% 50%)" |
| 52 PASS getCSSText("shape-outside", "ellipse(10px)") is "ellipse(10px)" | 52 PASS getCSSText("shape-outside", "ellipse(10px)") is "ellipse(10px)" |
| 53 PASS getComputedStyleValue("shape-outside", "ellipse(10px)") is "ellipse(10px cl
osest-side at 50% 50%)" | 53 PASS getComputedStyleValue("shape-outside", "ellipse(10px)") is "ellipse(10px cl
osest-side at 50% 50%)" |
| 54 PASS getCSSText("shape-outside", "ellipse(10px 20px)") is "ellipse(10px 20px)" | 54 PASS getCSSText("shape-outside", "ellipse(10px 20px)") is "ellipse(10px 20px)" |
| 55 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px)") is "ellipse(10
px 20px at 50% 50%)" | 55 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px)") is "ellipse(10
px 20px at 50% 50%)" |
| 56 PASS getCSSText("shape-outside", "ellipse(10px at 10px)") is "ellipse(10px at 10
px 50%)" | 56 PASS getCSSText("shape-outside", "ellipse(10px at 10px)") is "ellipse(10px at 10
px 50%)" |
| 57 PASS getComputedStyleValue("shape-outside", "ellipse(10px at 10px)") is "ellipse
(10px closest-side at 10px 50%)" | 57 PASS getComputedStyleValue("shape-outside", "ellipse(10px at 10px)") is "ellipse
(10px closest-side at 10px 50%)" |
| 58 PASS getCSSText("shape-outside", "ellipse(10px 20px at 10px)") is "ellipse(10px
20px at 10px 50%)" | 58 PASS getCSSText("shape-outside", "ellipse(10px 20px at 10px)") is "ellipse(10px
20px at 10px 50%)" |
| 59 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at 10px)") is "el
lipse(10px 20px at 10px 50%)" | 59 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at 10px)") is "el
lipse(10px 20px at 10px 50%)" |
| 60 PASS getCSSText("shape-outside", "ellipse(10px at 10px 10px)") is "ellipse(10px
at 10px 10px)" | 60 PASS getCSSText("shape-outside", "ellipse(10px at 10px 10px)") is "ellipse(10px
at 10px 10px)" |
| 61 PASS getComputedStyleValue("shape-outside", "ellipse(10px at 10px 10px)") is "el
lipse(10px closest-side at 10px 10px)" | 61 PASS getComputedStyleValue("shape-outside", "ellipse(10px at 10px 10px)") is "el
lipse(10px closest-side at 10px 10px)" |
| 62 PASS getCSSText("shape-outside", "ellipse(at 10px)") is "ellipse(at 10px 50%)" | 62 PASS getCSSText("shape-outside", "ellipse(at 10px)") is "ellipse(at 10px 50%)" |
| 63 PASS getComputedStyleValue("shape-outside", "ellipse(at 10px)") is "ellipse(clos
est-side closest-side at 10px 50%)" | 63 PASS getComputedStyleValue("shape-outside", "ellipse(at 10px)") is "ellipse(clos
est-side closest-side at 10px 50%)" |
| 64 PASS getCSSText("shape-outside", "ellipse(at 10px 10px)") is "ellipse(at 10px 10
px)" | 64 PASS getCSSText("shape-outside", "ellipse(at 10px 10px)") is "ellipse(at 10px 10
px)" |
| 65 PASS getComputedStyleValue("shape-outside", "ellipse(at 10px 10px)") is "ellipse
(closest-side closest-side at 10px 10px)" | 65 PASS getComputedStyleValue("shape-outside", "ellipse(at 10px 10px)") is "ellipse
(closest-side closest-side at 10px 10px)" |
| 66 PASS getCSSText("shape-outside", "ellipse(at top left)") is "ellipse(at 0% 0%)" | 66 PASS getCSSText("shape-outside", "ellipse(at top left)") is "ellipse(at 0% 0%)" |
| 67 PASS getComputedStyleValue("shape-outside", "ellipse(at top left)") is "ellipse(
closest-side closest-side at 0% 0%)" | 67 PASS getComputedStyleValue("shape-outside", "ellipse(at top left)") is "ellipse(
closest-side closest-side at 0% 0%)" |
| 68 PASS getCSSText("shape-outside", "ellipse(at right bottom)") is "ellipse(at 100%
100%)" | 68 PASS getCSSText("shape-outside", "ellipse(at right bottom)") is "ellipse(at 100%
100%)" |
| 69 PASS getComputedStyleValue("shape-outside", "ellipse(at right bottom)") is "elli
pse(closest-side closest-side at 100% 100%)" | 69 PASS getComputedStyleValue("shape-outside", "ellipse(at right bottom)") is "elli
pse(closest-side closest-side at 100% 100%)" |
| 70 PASS getCSSText("shape-outside", "ellipse(10px at left top 10px)") is "ellipse(1
0px at left 0% top 10px)" | 70 PASS getCSSText("shape-outside", "ellipse(10px at left top 10px)") is "ellipse(1
0px at left 0% top 10px)" |
| 71 PASS getComputedStyleValue("shape-outside", "ellipse(10px at left top 10px)") is
"ellipse(10px closest-side at left 0% top 10px)" | 71 PASS getComputedStyleValue("shape-outside", "ellipse(10px at left top 10px)") is
"ellipse(10px closest-side at 0% 10px)" |
| 72 PASS getCSSText("shape-outside", "ellipse(10px at top 10px left 10px)") is "elli
pse(10px at left 10px top 10px)" | 72 PASS getCSSText("shape-outside", "ellipse(10px at top 10px left 10px)") is "elli
pse(10px at left 10px top 10px)" |
| 73 PASS getComputedStyleValue("shape-outside", "ellipse(10px at top 10px left 10px)
") is "ellipse(10px closest-side at left 10px top 10px)" | 73 PASS getComputedStyleValue("shape-outside", "ellipse(10px at top 10px left 10px)
") is "ellipse(10px closest-side at 10px 10px)" |
| 74 PASS getCSSText("shape-outside", "ellipse(10px at right 10px bottom 10px)") is "
ellipse(10px at right 10px bottom 10px)" | 74 PASS getCSSText("shape-outside", "ellipse(10px at right 10px bottom 10px)") is "
ellipse(10px at right 10px bottom 10px)" |
| 75 PASS getComputedStyleValue("shape-outside", "ellipse(10px at right 10px bottom 1
0px)") is "ellipse(10px closest-side at right 10px bottom 10px)" | 75 PASS getComputedStyleValue("shape-outside", "ellipse(10px at right 10px bottom 1
0px)") is "ellipse(10px closest-side at right 10px bottom 10px)" |
| 76 PASS getCSSText("shape-outside", "ellipse(10px 20px at left top 10px)") is "elli
pse(10px 20px at left 0% top 10px)" | 76 PASS getCSSText("shape-outside", "ellipse(10px 20px at left top 10px)") is "elli
pse(10px 20px at left 0% top 10px)" |
| 77 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at left top 10px)
") is "ellipse(10px 20px at left 0% top 10px)" | 77 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at left top 10px)
") is "ellipse(10px 20px at 0% 10px)" |
| 78 PASS getCSSText("shape-outside", "ellipse(10px 20px at top 10px left 10px)") is
"ellipse(10px 20px at left 10px top 10px)" | 78 PASS getCSSText("shape-outside", "ellipse(10px 20px at top 10px left 10px)") is
"ellipse(10px 20px at left 10px top 10px)" |
| 79 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at top 10px left
10px)") is "ellipse(10px 20px at left 10px top 10px)" | 79 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at top 10px left
10px)") is "ellipse(10px 20px at 10px 10px)" |
| 80 PASS getCSSText("shape-outside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" | 80 PASS getCSSText("shape-outside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" |
| 81 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at right 10px bot
tom 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" | 81 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at right 10px bot
tom 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" |
| 82 PASS getCSSText("shape-outside", "polygon(10px 20px, 30px 40px, 40px 50px)") is
"polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 82 PASS getCSSText("shape-outside", "polygon(10px 20px, 30px 40px, 40px 50px)") is
"polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
| 83 PASS getComputedStyleValue("shape-outside", "polygon(10px 20px, 30px 40px, 40px
50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 83 PASS getComputedStyleValue("shape-outside", "polygon(10px 20px, 30px 40px, 40px
50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
| 84 PASS getCSSText("shape-outside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 84 PASS getCSSText("shape-outside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
| 85 PASS getComputedStyleValue("shape-outside", "polygon(evenodd, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 85 PASS getComputedStyleValue("shape-outside", "polygon(evenodd, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
| 86 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 86 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
| 87 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 87 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
| 88 PASS getCSSText("shape-outside", "content-box") is "content-box" | 88 PASS getCSSText("shape-outside", "content-box") is "content-box" |
| 89 PASS getComputedStyleValue("shape-outside", "content-box") is "content-box" | 89 PASS getComputedStyleValue("shape-outside", "content-box") is "content-box" |
| (...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 224 PASS getParentAndChildComputedStylesString("shape-outside", "none", "rectangle(1
0px, 20px, 30px, 40px)") is "parent: none, child: rectangle(10px, 20px, 30px, 40
px, 0px, 0px)" | 224 PASS getParentAndChildComputedStylesString("shape-outside", "none", "rectangle(1
0px, 20px, 30px, 40px)") is "parent: none, child: rectangle(10px, 20px, 30px, 40
px, 0px, 0px)" |
| 225 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0
px), child: none" | 225 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0
px), child: none" |
| 226 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), ch
ild: none" | 226 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), ch
ild: none" |
| 227 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)" | 227 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)" |
| 228 PASS getParentAndChildComputedStylesString("shape-outside", "", "inherit") is "p
arent: none, child: none" | 228 PASS getParentAndChildComputedStylesString("shape-outside", "", "inherit") is "p
arent: none, child: none" |
| 229 PASS getParentAndChildComputedStylesString("shape-outside", "none", "inherit") i
s "parent: none, child: none" | 229 PASS getParentAndChildComputedStylesString("shape-outside", "none", "inherit") i
s "parent: none, child: none" |
| 230 PASS successfullyParsed is true | 230 PASS successfullyParsed is true |
| 231 | 231 |
| 232 TEST COMPLETE | 232 TEST COMPLETE |
| 233 | 233 |
| OLD | NEW |