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 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
83 PASS getComputedStyleValue("shape-outside", "circle(10px at 10px 10px)") is "cir
cle(10px at 10px 10px)" | 83 PASS getComputedStyleValue("shape-outside", "circle(10px at 10px 10px)") is "cir
cle(10px at 10px 10px)" |
84 PASS getCSSText("shape-outside", "circle(at 10px)") is "circle(at 10px 50%)" | 84 PASS getCSSText("shape-outside", "circle(at 10px)") is "circle(at 10px 50%)" |
85 PASS getComputedStyleValue("shape-outside", "circle(at 10px)") is "circle(closes
t-side at 10px 50%)" | 85 PASS getComputedStyleValue("shape-outside", "circle(at 10px)") is "circle(closes
t-side at 10px 50%)" |
86 PASS getCSSText("shape-outside", "circle(at 10px 10px)") is "circle(at 10px 10px
)" | 86 PASS getCSSText("shape-outside", "circle(at 10px 10px)") is "circle(at 10px 10px
)" |
87 PASS getComputedStyleValue("shape-outside", "circle(at 10px 10px)") is "circle(c
losest-side at 10px 10px)" | 87 PASS getComputedStyleValue("shape-outside", "circle(at 10px 10px)") is "circle(c
losest-side at 10px 10px)" |
88 PASS getCSSText("shape-outside", "circle(at top left)") is "circle(at 0% 0%)" | 88 PASS getCSSText("shape-outside", "circle(at top left)") is "circle(at 0% 0%)" |
89 PASS getComputedStyleValue("shape-outside", "circle(at top left)") is "circle(cl
osest-side at 0% 0%)" | 89 PASS getComputedStyleValue("shape-outside", "circle(at top left)") is "circle(cl
osest-side at 0% 0%)" |
90 PASS getCSSText("shape-outside", "circle(at right bottom)") is "circle(at 100% 1
00%)" | 90 PASS getCSSText("shape-outside", "circle(at right bottom)") is "circle(at 100% 1
00%)" |
91 PASS getComputedStyleValue("shape-outside", "circle(at right bottom)") is "circl
e(closest-side at 100% 100%)" | 91 PASS getComputedStyleValue("shape-outside", "circle(at right bottom)") is "circl
e(closest-side at 100% 100%)" |
92 PASS getCSSText("shape-outside", "circle(10px at left top 10px)") is "circle(10p
x at left 0% top 10px)" | 92 PASS getCSSText("shape-outside", "circle(10px at left top 10px)") is "circle(10p
x at left 0% top 10px)" |
93 PASS getComputedStyleValue("shape-outside", "circle(10px at left top 10px)") is
"circle(10px at left 0% top 10px)" | 93 PASS getComputedStyleValue("shape-outside", "circle(10px at left top 10px)") is
"circle(10px at 0% 10px)" |
94 PASS getCSSText("shape-outside", "circle(10px at top 10px left 10px)") is "circl
e(10px at left 10px top 10px)" | 94 PASS getCSSText("shape-outside", "circle(10px at top 10px left 10px)") is "circl
e(10px at left 10px top 10px)" |
95 PASS getComputedStyleValue("shape-outside", "circle(10px at top 10px left 10px)"
) is "circle(10px at left 10px top 10px)" | 95 PASS getComputedStyleValue("shape-outside", "circle(10px at top 10px left 10px)"
) is "circle(10px at 10px 10px)" |
96 PASS getCSSText("shape-outside", "circle(10px at right 10px bottom 10px)") is "c
ircle(10px at right 10px bottom 10px)" | 96 PASS getCSSText("shape-outside", "circle(10px at right 10px bottom 10px)") is "c
ircle(10px at right 10px bottom 10px)" |
97 PASS getComputedStyleValue("shape-outside", "circle(10px at right 10px bottom 10
px)") is "circle(10px at right 10px bottom 10px)" | 97 PASS getComputedStyleValue("shape-outside", "circle(10px at right 10px bottom 10
px)") is "circle(10px at right 10px bottom 10px)" |
98 PASS getCSSText("shape-outside", "ellipse(10px, 20px, 30px, 40px)") is "ellipse(
10px, 20px, 30px, 40px)" | 98 PASS getCSSText("shape-outside", "ellipse(10px, 20px, 30px, 40px)") is "ellipse(
10px, 20px, 30px, 40px)" |
99 PASS getComputedStyleValue("shape-outside", "ellipse(10px, 20px, 30px, 40px)") i
s "ellipse(10px, 20px, 30px, 40px)" | 99 PASS getComputedStyleValue("shape-outside", "ellipse(10px, 20px, 30px, 40px)") i
s "ellipse(10px, 20px, 30px, 40px)" |
100 PASS getCSSText("shape-outside", "ellipse()") is "ellipse()" | 100 PASS getCSSText("shape-outside", "ellipse()") is "ellipse()" |
101 PASS getComputedStyleValue("shape-outside", "ellipse()") is "ellipse(closest-sid
e closest-side at 50% 50%)" | 101 PASS getComputedStyleValue("shape-outside", "ellipse()") is "ellipse(closest-sid
e closest-side at 50% 50%)" |
102 PASS getCSSText("shape-outside", "ellipse(10px)") is "ellipse(10px)" | 102 PASS getCSSText("shape-outside", "ellipse(10px)") is "ellipse(10px)" |
103 PASS getComputedStyleValue("shape-outside", "ellipse(10px)") is "ellipse(10px cl
osest-side at 50% 50%)" | 103 PASS getComputedStyleValue("shape-outside", "ellipse(10px)") is "ellipse(10px cl
osest-side at 50% 50%)" |
104 PASS getCSSText("shape-outside", "ellipse(10px 20px)") is "ellipse(10px 20px)" | 104 PASS getCSSText("shape-outside", "ellipse(10px 20px)") is "ellipse(10px 20px)" |
105 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px)") is "ellipse(10
px 20px at 50% 50%)" | 105 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px)") is "ellipse(10
px 20px at 50% 50%)" |
106 PASS getCSSText("shape-outside", "ellipse(10px at 10px)") is "ellipse(10px at 10
px 50%)" | 106 PASS getCSSText("shape-outside", "ellipse(10px at 10px)") is "ellipse(10px at 10
px 50%)" |
107 PASS getComputedStyleValue("shape-outside", "ellipse(10px at 10px)") is "ellipse
(10px closest-side at 10px 50%)" | 107 PASS getComputedStyleValue("shape-outside", "ellipse(10px at 10px)") is "ellipse
(10px closest-side at 10px 50%)" |
108 PASS getCSSText("shape-outside", "ellipse(10px 20px at 10px)") is "ellipse(10px
20px at 10px 50%)" | 108 PASS getCSSText("shape-outside", "ellipse(10px 20px at 10px)") is "ellipse(10px
20px at 10px 50%)" |
109 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at 10px)") is "el
lipse(10px 20px at 10px 50%)" | 109 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at 10px)") is "el
lipse(10px 20px at 10px 50%)" |
110 PASS getCSSText("shape-outside", "ellipse(10px at 10px 10px)") is "ellipse(10px
at 10px 10px)" | 110 PASS getCSSText("shape-outside", "ellipse(10px at 10px 10px)") is "ellipse(10px
at 10px 10px)" |
111 PASS getComputedStyleValue("shape-outside", "ellipse(10px at 10px 10px)") is "el
lipse(10px closest-side at 10px 10px)" | 111 PASS getComputedStyleValue("shape-outside", "ellipse(10px at 10px 10px)") is "el
lipse(10px closest-side at 10px 10px)" |
112 PASS getCSSText("shape-outside", "ellipse(at 10px)") is "ellipse(at 10px 50%)" | 112 PASS getCSSText("shape-outside", "ellipse(at 10px)") is "ellipse(at 10px 50%)" |
113 PASS getComputedStyleValue("shape-outside", "ellipse(at 10px)") is "ellipse(clos
est-side closest-side at 10px 50%)" | 113 PASS getComputedStyleValue("shape-outside", "ellipse(at 10px)") is "ellipse(clos
est-side closest-side at 10px 50%)" |
114 PASS getCSSText("shape-outside", "ellipse(at 10px 10px)") is "ellipse(at 10px 10
px)" | 114 PASS getCSSText("shape-outside", "ellipse(at 10px 10px)") is "ellipse(at 10px 10
px)" |
115 PASS getComputedStyleValue("shape-outside", "ellipse(at 10px 10px)") is "ellipse
(closest-side closest-side at 10px 10px)" | 115 PASS getComputedStyleValue("shape-outside", "ellipse(at 10px 10px)") is "ellipse
(closest-side closest-side at 10px 10px)" |
116 PASS getCSSText("shape-outside", "ellipse(at top left)") is "ellipse(at 0% 0%)" | 116 PASS getCSSText("shape-outside", "ellipse(at top left)") is "ellipse(at 0% 0%)" |
117 PASS getComputedStyleValue("shape-outside", "ellipse(at top left)") is "ellipse(
closest-side closest-side at 0% 0%)" | 117 PASS getComputedStyleValue("shape-outside", "ellipse(at top left)") is "ellipse(
closest-side closest-side at 0% 0%)" |
118 PASS getCSSText("shape-outside", "ellipse(at right bottom)") is "ellipse(at 100%
100%)" | 118 PASS getCSSText("shape-outside", "ellipse(at right bottom)") is "ellipse(at 100%
100%)" |
119 PASS getComputedStyleValue("shape-outside", "ellipse(at right bottom)") is "elli
pse(closest-side closest-side at 100% 100%)" | 119 PASS getComputedStyleValue("shape-outside", "ellipse(at right bottom)") is "elli
pse(closest-side closest-side at 100% 100%)" |
120 PASS getCSSText("shape-outside", "ellipse(10px at left top 10px)") is "ellipse(1
0px at left 0% top 10px)" | 120 PASS getCSSText("shape-outside", "ellipse(10px at left top 10px)") is "ellipse(1
0px at left 0% top 10px)" |
121 PASS getComputedStyleValue("shape-outside", "ellipse(10px at left top 10px)") is
"ellipse(10px closest-side at left 0% top 10px)" | 121 PASS getComputedStyleValue("shape-outside", "ellipse(10px at left top 10px)") is
"ellipse(10px closest-side at 0% 10px)" |
122 PASS getCSSText("shape-outside", "ellipse(10px at top 10px left 10px)") is "elli
pse(10px at left 10px top 10px)" | 122 PASS getCSSText("shape-outside", "ellipse(10px at top 10px left 10px)") is "elli
pse(10px at left 10px top 10px)" |
123 PASS getComputedStyleValue("shape-outside", "ellipse(10px at top 10px left 10px)
") is "ellipse(10px closest-side at left 10px top 10px)" | 123 PASS getComputedStyleValue("shape-outside", "ellipse(10px at top 10px left 10px)
") is "ellipse(10px closest-side at 10px 10px)" |
124 PASS getCSSText("shape-outside", "ellipse(10px at right 10px bottom 10px)") is "
ellipse(10px at right 10px bottom 10px)" | 124 PASS getCSSText("shape-outside", "ellipse(10px at right 10px bottom 10px)") is "
ellipse(10px at right 10px bottom 10px)" |
125 PASS getComputedStyleValue("shape-outside", "ellipse(10px at right 10px bottom 1
0px)") is "ellipse(10px closest-side at right 10px bottom 10px)" | 125 PASS getComputedStyleValue("shape-outside", "ellipse(10px at right 10px bottom 1
0px)") is "ellipse(10px closest-side at right 10px bottom 10px)" |
126 PASS getCSSText("shape-outside", "ellipse(10px 20px at left top 10px)") is "elli
pse(10px 20px at left 0% top 10px)" | 126 PASS getCSSText("shape-outside", "ellipse(10px 20px at left top 10px)") is "elli
pse(10px 20px at left 0% top 10px)" |
127 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at left top 10px)
") is "ellipse(10px 20px at left 0% top 10px)" | 127 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at left top 10px)
") is "ellipse(10px 20px at 0% 10px)" |
128 PASS getCSSText("shape-outside", "ellipse(10px 20px at top 10px left 10px)") is
"ellipse(10px 20px at left 10px top 10px)" | 128 PASS getCSSText("shape-outside", "ellipse(10px 20px at top 10px left 10px)") is
"ellipse(10px 20px at left 10px top 10px)" |
129 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at top 10px left
10px)") is "ellipse(10px 20px at left 10px top 10px)" | 129 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at top 10px left
10px)") is "ellipse(10px 20px at 10px 10px)" |
130 PASS getCSSText("shape-outside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" | 130 PASS getCSSText("shape-outside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" |
131 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at right 10px bot
tom 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" | 131 PASS getComputedStyleValue("shape-outside", "ellipse(10px 20px at right 10px bot
tom 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" |
132 PASS getCSSText("shape-outside", "polygon(10px 20px, 30px 40px, 40px 50px)") is
"polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 132 PASS getCSSText("shape-outside", "polygon(10px 20px, 30px 40px, 40px 50px)") is
"polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
133 PASS getComputedStyleValue("shape-outside", "polygon(10px 20px, 30px 40px, 40px
50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 133 PASS getComputedStyleValue("shape-outside", "polygon(10px 20px, 30px 40px, 40px
50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
134 PASS getCSSText("shape-outside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 134 PASS getCSSText("shape-outside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
135 PASS getComputedStyleValue("shape-outside", "polygon(evenodd, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | 135 PASS getComputedStyleValue("shape-outside", "polygon(evenodd, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" |
136 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 136 PASS getCSSText("shape-outside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50
px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
137 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" | 137 PASS getComputedStyleValue("shape-outside", "polygon(nonzero, 10px 20px, 30px 40
px, 40px 50px)") is "polygon(nonzero, 10px 20px, 30px 40px, 40px 50px)" |
138 PASS getCSSText("shape-outside", "content-box") is "content-box" | 138 PASS getCSSText("shape-outside", "content-box") is "content-box" |
139 PASS getComputedStyleValue("shape-outside", "content-box") is "content-box" | 139 PASS getComputedStyleValue("shape-outside", "content-box") is "content-box" |
(...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
304 PASS getParentAndChildComputedStylesString("shape-outside", "none", "rectangle(1
0px, 20px, 30px, 40px)") is "parent: none, child: rectangle(10px, 20px, 30px, 40
px, 0px, 0px)" | 304 PASS getParentAndChildComputedStylesString("shape-outside", "none", "rectangle(1
0px, 20px, 30px, 40px)") is "parent: none, child: rectangle(10px, 20px, 30px, 40
px, 0px, 0px)" |
305 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0
px), child: none" | 305 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "initial") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0
px), child: none" |
306 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), ch
ild: none" | 306 PASS getParentAndChildComputedStylesString("shape-outside", "rectangle(10px, 20p
x, 30px, 40px)", "") is "parent: rectangle(10px, 20px, 30px, 40px, 0px, 0px), ch
ild: none" |
307 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)" | 307 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)" |
308 PASS getParentAndChildComputedStylesString("shape-outside", "", "inherit") is "p
arent: none, child: none" | 308 PASS getParentAndChildComputedStylesString("shape-outside", "", "inherit") is "p
arent: none, child: none" |
309 PASS getParentAndChildComputedStylesString("shape-outside", "none", "inherit") i
s "parent: none, child: none" | 309 PASS getParentAndChildComputedStylesString("shape-outside", "none", "inherit") i
s "parent: none, child: none" |
310 PASS successfullyParsed is true | 310 PASS successfullyParsed is true |
311 | 311 |
312 TEST COMPLETE | 312 TEST COMPLETE |
313 | 313 |
OLD | NEW |