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