| 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", "auto") is "auto" | 6 PASS getCSSText("shape-inside", "auto") is "auto" |
| 7 PASS getComputedStyleValue("shape-inside", "auto") is "auto" | 7 PASS getComputedStyleValue("shape-inside", "auto") is "auto" |
| 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)" |
| 11 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5p
x)") is "rectangle(10px, 20px, 30px, 40px, 5px, 5px)" | 11 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5p
x)") is "rectangle(10px, 20px, 30px, 40px, 5px, 5px)" |
| 12 PASS getCSSText("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5px, 10px)")
is "rectangle(10px, 20px, 30px, 40px, 5px, 10px)" | 12 PASS getCSSText("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5px, 10px)")
is "rectangle(10px, 20px, 30px, 40px, 5px, 10px)" |
| 13 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5p
x, 10px)") is "rectangle(10px, 20px, 30px, 40px, 5px, 10px)" | 13 PASS getComputedStyleValue("shape-inside", "rectangle(10px, 20px, 30px, 40px, 5p
x, 10px)") is "rectangle(10px, 20px, 30px, 40px, 5px, 10px)" |
| 14 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px)") is "i
nset-rectangle(10px, 20px, 30px, 40px)" | 14 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px)") is "i
nset-rectangle(10px, 20px, 30px, 40px)" |
| 15 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px)") is "inset-rectangle(10px, 20px, 30px, 40px, 0px, 0px)" | 15 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px)") is "inset-rectangle(10px, 20px, 30px, 40px, 0px, 0px)" |
| 16 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 5px)")
is "inset-rectangle(10px, 20px, 30px, 40px, 5px)" | 16 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 5px)")
is "inset-rectangle(10px, 20px, 30px, 40px, 5px)" |
| 17 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 5px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 5px)" | 17 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 5px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 5px)" |
| 18 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10
px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)" | 18 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10
px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)" |
| 19 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 5px, 10px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)" | 19 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 5px, 10px)") is "inset-rectangle(10px, 20px, 30px, 40px, 5px, 10px)" |
| 20 PASS getCSSText("shape-inside", "circle(10px, 20px, 30px)") is "circle(10px, 20p
x, 30px)" | 20 PASS getCSSText("shape-inside", "circle(10px, 20px, 30px)") is "circle(10px, 20p
x, 30px)" |
| 21 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px, 30px)") is "circl
e(10px, 20px, 30px)" | 21 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px, 30px)") is "circl
e(10px, 20px, 30px)" |
| 22 PASS getCSSText("shape-inside", "circle()") is "circle()" |
| 23 PASS getComputedStyleValue("shape-inside", "circle()") is "circle(closest-side a
t 50% 50%)" |
| 24 PASS getCSSText("shape-inside", "circle(10px)") is "circle(10px)" |
| 25 PASS getComputedStyleValue("shape-inside", "circle(10px)") is "circle(10px at 50
% 50%)" |
| 26 PASS getCSSText("shape-inside", "circle(10px at 10px)") is "circle(10px at 10px
50%)" |
| 27 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px)") is "circle(10
px at 10px 50%)" |
| 28 PASS getCSSText("shape-inside", "circle(10px at 10px 10px)") is "circle(10px at
10px 10px)" |
| 29 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px)") is "circ
le(10px at 10px 10px)" |
| 30 PASS getCSSText("shape-inside", "circle(at 10px)") is "circle(at 10px 50%)" |
| 31 PASS getComputedStyleValue("shape-inside", "circle(at 10px)") is "circle(closest
-side at 10px 50%)" |
| 32 PASS getCSSText("shape-inside", "circle(at 10px)") is "circle(at 10px 50%)" |
| 33 PASS getComputedStyleValue("shape-inside", "circle(at 10px)") is "circle(closest
-side at 10px 50%)" |
| 34 PASS getCSSText("shape-inside", "circle(at 10px 10px)") is "circle(at 10px 10px)
" |
| 35 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px)") is "circle(cl
osest-side at 10px 10px)" |
| 36 PASS getCSSText("shape-inside", "circle(at top left)") is "circle(at 0% 0%)" |
| 37 PASS getComputedStyleValue("shape-inside", "circle(at top left)") is "circle(clo
sest-side at 0% 0%)" |
| 38 PASS getCSSText("shape-inside", "circle(at right bottom)") is "circle(at 100% 10
0%)" |
| 39 PASS getComputedStyleValue("shape-inside", "circle(at right bottom)") is "circle
(closest-side at 100% 100%)" |
| 40 PASS getCSSText("shape-inside", "circle(10px at left top 10px)") is "circle(10px
at left 0% top 10px)" |
| 41 PASS getComputedStyleValue("shape-inside", "circle(10px at left top 10px)") is "
circle(10px at left 0% top 10px)" |
| 42 PASS getCSSText("shape-inside", "circle(10px at top 10px left 10px)") is "circle
(10px at left 10px top 10px)" |
| 43 PASS getComputedStyleValue("shape-inside", "circle(10px at top 10px left 10px)")
is "circle(10px at left 10px top 10px)" |
| 44 PASS getCSSText("shape-inside", "circle(10px at right 10px bottom 10px)") is "ci
rcle(10px at right 10px bottom 10px)" |
| 45 PASS getComputedStyleValue("shape-inside", "circle(10px at right 10px bottom 10p
x)") is "circle(10px at right 10px bottom 10px)" |
| 22 PASS getCSSText("shape-inside", "ellipse(10px, 20px, 30px, 40px)") is "ellipse(1
0px, 20px, 30px, 40px)" | 46 PASS getCSSText("shape-inside", "ellipse(10px, 20px, 30px, 40px)") is "ellipse(1
0px, 20px, 30px, 40px)" |
| 23 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px, 30px, 40px)") is
"ellipse(10px, 20px, 30px, 40px)" | 47 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px, 30px, 40px)") is
"ellipse(10px, 20px, 30px, 40px)" |
| 24 PASS getCSSText("shape-inside", "polygon(10px 20px, 30px 40px, 40px 50px)") is "
polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 48 PASS getCSSText("shape-inside", "polygon(10px 20px, 30px 40px, 40px 50px)") is "
polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
| 25 PASS getComputedStyleValue("shape-inside", "polygon(10px 20px, 30px 40px, 40px 5
0px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 49 PASS getComputedStyleValue("shape-inside", "polygon(10px 20px, 30px 40px, 40px 5
0px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
| 26 PASS getCSSText("shape-inside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 50 PASS getCSSText("shape-inside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
| 27 PASS getComputedStyleValue("shape-inside", "polygon(evenodd, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 51 PASS getComputedStyleValue("shape-inside", "polygon(evenodd, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
| 28 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 52 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
| 29 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 53 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
| 30 PASS getCSSText("shape-inside", "content-box") is "content-box" | 54 PASS getCSSText("shape-inside", "content-box") is "content-box" |
| 31 PASS getComputedStyleValue("shape-inside", "content-box") is "content-box" | 55 PASS getComputedStyleValue("shape-inside", "content-box") is "content-box" |
| (...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 76 PASS getCSSText("shape-inside", "inset-rectangle(10px)") is "" | 100 PASS getCSSText("shape-inside", "inset-rectangle(10px)") is "" |
| 77 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px)") is "auto" | 101 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px)") is "auto" |
| 78 PASS getCSSText("shape-inside", "inset-rectangle(10px, 10px)") is "" | 102 PASS getCSSText("shape-inside", "inset-rectangle(10px, 10px)") is "" |
| 79 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 10px)") is "au
to" | 103 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 10px)") is "au
to" |
| 80 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px)") is "" | 104 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px)") is "" |
| 81 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px)")
is "auto" | 105 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px)")
is "auto" |
| 82 PASS getCSSText("shape-inside", "inset-rectangle(10px 20px 30px 40px)") is "" | 106 PASS getCSSText("shape-inside", "inset-rectangle(10px 20px 30px 40px)") is "" |
| 83 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px 20px 30px 40px)
") is "auto" | 107 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px 20px 30px 40px)
") is "auto" |
| 84 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 50px, 6
0px, 70px)") is "" | 108 PASS getCSSText("shape-inside", "inset-rectangle(10px, 20px, 30px, 40px, 50px, 6
0px, 70px)") is "" |
| 85 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 50px, 60px, 70px)") is "auto" | 109 PASS getComputedStyleValue("shape-inside", "inset-rectangle(10px, 20px, 30px, 40
px, 50px, 60px, 70px)") is "auto" |
| 86 PASS getCSSText("shape-inside", "circle()") is "" | |
| 87 PASS getComputedStyleValue("shape-inside", "circle()") is "auto" | |
| 88 PASS getCSSText("shape-inside", "circle(10px)") is "" | |
| 89 PASS getComputedStyleValue("shape-inside", "circle(10px)") is "auto" | |
| 90 PASS getCSSText("shape-inside", "circle(10px, 20px)") is "" | 110 PASS getCSSText("shape-inside", "circle(10px, 20px)") is "" |
| 91 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px)") is "auto" | 111 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px)") is "auto" |
| 92 PASS getCSSText("shape-inside", "circle(10px 20px 30px)") is "" | 112 PASS getCSSText("shape-inside", "circle(10px 20px 30px)") is "" |
| 93 PASS getComputedStyleValue("shape-inside", "circle(10px 20px 30px)") is "auto" | 113 PASS getComputedStyleValue("shape-inside", "circle(10px 20px 30px)") is "auto" |
| 94 PASS getCSSText("shape-inside", "circle(10px, 20px, 30px, 40px)") is "" | 114 PASS getCSSText("shape-inside", "circle(10px, 20px, 30px, 40px)") is "" |
| 95 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px, 30px, 40px)") is
"auto" | 115 PASS getComputedStyleValue("shape-inside", "circle(10px, 20px, 30px, 40px)") is
"auto" |
| 116 PASS getCSSText("shape-inside", "circle(10px 20px)") is "" |
| 117 PASS getComputedStyleValue("shape-inside", "circle(10px 20px)") is "auto" |
| 118 PASS getCSSText("shape-inside", "circle(10px at 10px 10px 10px)") is "" |
| 119 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px 10px)") is
"auto" |
| 120 PASS getCSSText("shape-inside", "circle(10px at 10px 10px at center)") is "" |
| 121 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px at center)"
) is "auto" |
| 122 PASS getCSSText("shape-inside", "circle(10px at center center 10px)") is "" |
| 123 PASS getComputedStyleValue("shape-inside", "circle(10px at center center 10px)")
is "auto" |
| 124 PASS getCSSText("shape-inside", "circle(at 10px 10px 10px)") is "" |
| 125 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px 10px)") is "auto
" |
| 126 PASS getCSSText("shape-inside", "circle(at 10px 10px at center)") is "" |
| 127 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px at center)") is
"auto" |
| 128 PASS getCSSText("shape-inside", "circle(at center center 10px)") is "" |
| 129 PASS getComputedStyleValue("shape-inside", "circle(at center center 10px)") is "
auto" |
| 96 PASS getCSSText("shape-inside", "ellipse()") is "" | 130 PASS getCSSText("shape-inside", "ellipse()") is "" |
| 97 PASS getComputedStyleValue("shape-inside", "ellipse()") is "auto" | 131 PASS getComputedStyleValue("shape-inside", "ellipse()") is "auto" |
| 98 PASS getCSSText("shape-inside", "ellipse(10px)") is "" | 132 PASS getCSSText("shape-inside", "ellipse(10px)") is "" |
| 99 PASS getComputedStyleValue("shape-inside", "ellipse(10px)") is "auto" | 133 PASS getComputedStyleValue("shape-inside", "ellipse(10px)") is "auto" |
| 100 PASS getCSSText("shape-inside", "ellipse(10px, 20px)") is "" | 134 PASS getCSSText("shape-inside", "ellipse(10px, 20px)") is "" |
| 101 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px)") is "auto" | 135 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px)") is "auto" |
| 102 PASS getCSSText("shape-inside", "ellipse(10px, 20px, 30px)") is "" | 136 PASS getCSSText("shape-inside", "ellipse(10px, 20px, 30px)") is "" |
| 103 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px, 30px)") is "auto
" | 137 PASS getComputedStyleValue("shape-inside", "ellipse(10px, 20px, 30px)") is "auto
" |
| 104 PASS getCSSText("shape-inside", "ellipse(10px 20px 30px 40px)") is "" | 138 PASS getCSSText("shape-inside", "ellipse(10px 20px 30px 40px)") is "" |
| 105 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px 30px 40px)") is "a
uto" | 139 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px 30px 40px)") is "a
uto" |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 145 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)" | 179 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)" |
| 146 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0p
x), child: auto" | 180 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0p
x), child: auto" |
| 147 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), chi
ld: auto" | 181 PASS getParentAndChildComputedStylesString("shape-inside", "rectangle(10px, 20px
, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), chi
ld: auto" |
| 148 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)" | 182 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)" |
| 149 PASS getParentAndChildComputedStylesString("shape-inside", "", "inherit") is "pa
rent: auto, child: auto" | 183 PASS getParentAndChildComputedStylesString("shape-inside", "", "inherit") is "pa
rent: auto, child: auto" |
| 150 PASS getParentAndChildComputedStylesString("shape-inside", "auto", "inherit") is
"parent: auto, child: auto" | 184 PASS getParentAndChildComputedStylesString("shape-inside", "auto", "inherit") is
"parent: auto, child: auto" |
| 151 PASS successfullyParsed is true | 185 PASS successfullyParsed is true |
| 152 | 186 |
| 153 TEST COMPLETE | 187 TEST COMPLETE |
| 154 | 188 |
| OLD | NEW |