| OLD | NEW |
| (Empty) |
| 1 Testing parsing of the shape-inside property. | |
| 2 | |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | |
| 4 | |
| 5 | |
| 6 PASS getCSSText("shape-inside", "none") is "none" | |
| 7 PASS getComputedStyleValue("shape-inside", "none") is "none" | |
| 8 PASS getCSSText("shape-inside", "inset(10px)") is "inset(10px 10px 10px 10px)" | |
| 9 PASS getComputedStyleValue("shape-inside", "inset(10px)") is "inset(10px 10px 10
px 10px round 0px 0px 0px 0px / 0px 0px 0px 0px)" | |
| 10 PASS getCSSText("shape-inside", "inset(10px 9px)") is "inset(10px 9px 10px 9px)" | |
| 11 PASS getComputedStyleValue("shape-inside", "inset(10px 9px)") is "inset(10px 9px
10px 9px round 0px 0px 0px 0px / 0px 0px 0px 0px)" | |
| 12 PASS getCSSText("shape-inside", "inset(10px 9px 8px)") is "inset(10px 9px 8px 9p
x)" | |
| 13 PASS getComputedStyleValue("shape-inside", "inset(10px 9px 8px)") is "inset(10px
9px 8px 9px round 0px 0px 0px 0px / 0px 0px 0px 0px)" | |
| 14 PASS getCSSText("shape-inside", "inset(10px 20px 30px 40px)") is "inset(10px 20p
x 30px 40px)" | |
| 15 PASS getComputedStyleValue("shape-inside", "inset(10px 20px 30px 40px)") is "ins
et(10px 20px 30px 40px round 0px 0px 0px 0px / 0px 0px 0px 0px)" | |
| 16 PASS getCSSText("shape-inside", "inset(10px round 9px)") is "inset(10px 10px 10p
x 10px round 9px 9px 9px 9px / 9px 9px 9px 9px)" | |
| 17 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px)") is "inset(10
px 10px 10px 10px round 9px 9px 9px 9px / 9px 9px 9px 9px)" | |
| 18 PASS getCSSText("shape-inside", "inset(10px round 9px / 9px)") is "inset(10px 10
px 10px 10px round 9px 9px 9px 9px / 9px 9px 9px 9px)" | |
| 19 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px / 9px)") is "in
set(10px 10px 10px 10px round 9px 9px 9px 9px / 9px 9px 9px 9px)" | |
| 20 PASS getCSSText("shape-inside", "inset(10px round 9px / 8px)") is "inset(10px 10
px 10px 10px round 9px 9px 9px 9px / 8px 8px 8px 8px)" | |
| 21 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px / 8px)") is "in
set(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 8px 8px 8px)" | |
| 22 PASS getCSSText("shape-inside", "inset(10px round 9px / 8px 7px)") is "inset(10p
x 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 8px 7px)" | |
| 23 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px / 8px 7px)") is
"inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 8px 7px)" | |
| 24 PASS getCSSText("shape-inside", "inset(10px round 9px / 8px 7px 6px)") is "inset
(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 6px 7px)" | |
| 25 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px / 8px 7px 6px)"
) is "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 6px 7px)" | |
| 26 PASS getCSSText("shape-inside", "inset(10px round 9px / 8px 7px 6px 5px)") is "i
nset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 6px 5px)" | |
| 27 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px / 8px 7px 6px 5
px)") is "inset(10px 10px 10px 10px round 9px 9px 9px 9px / 8px 7px 6px 5px)" | |
| 28 PASS getCSSText("shape-inside", "inset(10px round 9px 8px / 7px)") is "inset(10p
x 10px 10px 10px round 9px 8px 9px 8px / 7px 7px 7px 7px)" | |
| 29 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px / 7px)") is
"inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 7px 7px 7px)" | |
| 30 PASS getCSSText("shape-inside", "inset(10px round 9px 8px / 7px 6px)") is "inset
(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 7px 6px)" | |
| 31 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px / 7px 6px)"
) is "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 7px 6px)" | |
| 32 PASS getCSSText("shape-inside", "inset(10px round 9px 8px / 7px 6px)") is "inset
(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 7px 6px)" | |
| 33 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px / 7px 6px)"
) is "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 7px 6px)" | |
| 34 PASS getCSSText("shape-inside", "inset(10px round 9px 8px / 7px 6px 5px)") is "i
nset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 5px 6px)" | |
| 35 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px / 7px 6px 5
px)") is "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 5px 6px)" | |
| 36 PASS getCSSText("shape-inside", "inset(10px round 9px 8px / 7px 6px 5px 4px)") i
s "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 5px 4px)" | |
| 37 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px / 7px 6px 5
px 4px)") is "inset(10px 10px 10px 10px round 9px 8px 9px 8px / 7px 6px 5px 4px)
" | |
| 38 PASS getCSSText("shape-inside", "inset(10px round 9px 8px 7px / 6px)") is "inset
(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 6px 6px 6px)" | |
| 39 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px 7px / 6px)"
) is "inset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 6px 6px 6px)" | |
| 40 PASS getCSSText("shape-inside", "inset(10px round 9px 8px 7px / 6px 5px)") is "i
nset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 5px 6px 5px)" | |
| 41 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px 7px / 6px 5
px)") is "inset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 5px 6px 5px)" | |
| 42 PASS getCSSText("shape-inside", "inset(10px round 9px 8px 7px / 6px 5px 4px)") i
s "inset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 5px 4px 5px)" | |
| 43 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px 7px / 6px 5
px 4px)") is "inset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 5px 4px 5px)
" | |
| 44 PASS getCSSText("shape-inside", "inset(10px round 9px 8px 7px / 6px 5px 4px 3px)
") is "inset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 5px 4px 3px)" | |
| 45 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px 7px / 6px 5
px 4px 3px)") is "inset(10px 10px 10px 10px round 9px 8px 7px 8px / 6px 5px 4px
3px)" | |
| 46 PASS getCSSText("shape-inside", "inset(10px round 9px 8px 7px 6px / 5px)") is "i
nset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 5px 5px 5px)" | |
| 47 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px 7px 6px / 5
px)") is "inset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 5px 5px 5px)" | |
| 48 PASS getCSSText("shape-inside", "inset(10px round 9px 8px 7px 6px / 5px 4px)") i
s "inset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 4px 5px 4px)" | |
| 49 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px 7px 6px / 5
px 4px)") is "inset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 4px 5px 4px)
" | |
| 50 PASS getCSSText("shape-inside", "inset(10px round 9px 8px 7px 6px / 5px 4px 3px)
") is "inset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 4px 3px 4px)" | |
| 51 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px 7px 6px / 5
px 4px 3px)") is "inset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 4px 3px
4px)" | |
| 52 PASS getCSSText("shape-inside", "inset(10px round 9px 8px 7px 6px / 5px 4px 3px
2px)") is "inset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 4px 3px 2px)" | |
| 53 PASS getComputedStyleValue("shape-inside", "inset(10px round 9px 8px 7px 6px / 5
px 4px 3px 2px)") is "inset(10px 10px 10px 10px round 9px 8px 7px 6px / 5px 4px
3px 2px)" | |
| 54 PASS getCSSText("shape-inside", "inset(10px 20px 30px 40px round 5px 6px)") is "
inset(10px 20px 30px 40px round 5px 6px 5px 6px / 5px 6px 5px 6px)" | |
| 55 PASS getComputedStyleValue("shape-inside", "inset(10px 20px 30px 40px round 5px
6px)") is "inset(10px 20px 30px 40px round 5px 6px 5px 6px / 5px 6px 5px 6px)" | |
| 56 PASS getCSSText("shape-inside", "inset(10px 20px 30px 40px round 5px 6px 7px 8px
/ 50px 60px 70px 80px)") is "inset(10px 20px 30px 40px round 5px 6px 7px 8px /
50px 60px 70px 80px)" | |
| 57 PASS getComputedStyleValue("shape-inside", "inset(10px 20px 30px 40px round 5px
6px 7px 8px / 50px 60px 70px 80px)") is "inset(10px 20px 30px 40px round 5px 6px
7px 8px / 50px 60px 70px 80px)" | |
| 58 PASS getCSSText("shape-inside", "circle()") is "circle(at 50% 50%)" | |
| 59 PASS getComputedStyleValue("shape-inside", "circle()") is "circle(closest-side a
t 50% 50%)" | |
| 60 PASS getCSSText("shape-inside", "circle(farthest-side)") is "circle(farthest-sid
e at 50% 50%)" | |
| 61 PASS getComputedStyleValue("shape-inside", "circle(farthest-side)") is "circle(f
arthest-side at 50% 50%)" | |
| 62 PASS getCSSText("shape-inside", "circle(closest-side)") is "circle(closest-side
at 50% 50%)" | |
| 63 PASS getComputedStyleValue("shape-inside", "circle(closest-side)") is "circle(cl
osest-side at 50% 50%)" | |
| 64 PASS getCSSText("shape-inside", "circle(10px)") is "circle(10px at 50% 50%)" | |
| 65 PASS getComputedStyleValue("shape-inside", "circle(10px)") is "circle(10px at 50
% 50%)" | |
| 66 PASS getCSSText("shape-inside", "circle(10px at 10px)") is "circle(10px at 10px
50%)" | |
| 67 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px)") is "circle(10
px at 10px 50%)" | |
| 68 PASS getCSSText("shape-inside", "circle(10px at 10px 10px)") is "circle(10px at
10px 10px)" | |
| 69 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px)") is "circ
le(10px at 10px 10px)" | |
| 70 PASS getCSSText("shape-inside", "circle(at 10px)") is "circle(at 10px 50%)" | |
| 71 PASS getComputedStyleValue("shape-inside", "circle(at 10px)") is "circle(closest
-side at 10px 50%)" | |
| 72 PASS getCSSText("shape-inside", "circle(at 10px 10px)") is "circle(at 10px 10px)
" | |
| 73 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px)") is "circle(cl
osest-side at 10px 10px)" | |
| 74 PASS getCSSText("shape-inside", "circle(at top left)") is "circle(at 0% 0%)" | |
| 75 PASS getComputedStyleValue("shape-inside", "circle(at top left)") is "circle(clo
sest-side at 0% 0%)" | |
| 76 PASS getCSSText("shape-inside", "circle(at right bottom)") is "circle(at 100% 10
0%)" | |
| 77 PASS getComputedStyleValue("shape-inside", "circle(at right bottom)") is "circle
(closest-side at 100% 100%)" | |
| 78 PASS getCSSText("shape-inside", "circle(10px at left top 10px)") is "circle(10px
at 0% 10px)" | |
| 79 PASS getComputedStyleValue("shape-inside", "circle(10px at left top 10px)") is "
circle(10px at 0% 10px)" | |
| 80 PASS getCSSText("shape-inside", "circle(10px at top 10px left 10px)") is "circle
(10px at 10px 10px)" | |
| 81 PASS getComputedStyleValue("shape-inside", "circle(10px at top 10px left 10px)")
is "circle(10px at 10px 10px)" | |
| 82 PASS getCSSText("shape-inside", "circle(10px at right 10% bottom 10%)") is "circ
le(10px at 90% 90%)" | |
| 83 PASS getComputedStyleValue("shape-inside", "circle(10px at right 10% bottom 10%)
") is "circle(10px at 90% 90%)" | |
| 84 PASS getCSSText("shape-inside", "circle(10px at right 0px bottom 0px)") is "circ
le(10px at 100% 100%)" | |
| 85 PASS getComputedStyleValue("shape-inside", "circle(10px at right 0px bottom 0px)
") is "circle(10px at 100% 100%)" | |
| 86 PASS getCSSText("shape-inside", "circle(10px at right 10px bottom 10px)") is "ci
rcle(10px at right 10px bottom 10px)" | |
| 87 PASS getComputedStyleValue("shape-inside", "circle(10px at right 10px bottom 10p
x)") is "circle(10px at right 10px bottom 10px)" | |
| 88 PASS getCSSText("shape-inside", "ellipse()") is "ellipse(at 50% 50%)" | |
| 89 PASS getComputedStyleValue("shape-inside", "ellipse()") is "ellipse(closest-side
closest-side at 50% 50%)" | |
| 90 PASS getCSSText("shape-inside", "ellipse(10px)") is "ellipse(10px at 50% 50%)" | |
| 91 PASS getComputedStyleValue("shape-inside", "ellipse(10px)") is "ellipse(10px clo
sest-side at 50% 50%)" | |
| 92 PASS getCSSText("shape-inside", "ellipse(10px 20px)") is "ellipse(10px 20px at 5
0% 50%)" | |
| 93 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px)") is "ellipse(10p
x 20px at 50% 50%)" | |
| 94 PASS getCSSText("shape-inside", "ellipse(10px at 10px)") is "ellipse(10px at 10p
x 50%)" | |
| 95 PASS getComputedStyleValue("shape-inside", "ellipse(10px at 10px)") is "ellipse(
10px closest-side at 10px 50%)" | |
| 96 PASS getCSSText("shape-inside", "ellipse(10px 20px at 10px)") is "ellipse(10px 2
0px at 10px 50%)" | |
| 97 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at 10px)") is "ell
ipse(10px 20px at 10px 50%)" | |
| 98 PASS getCSSText("shape-inside", "ellipse(10px at 10px 10px)") is "ellipse(10px a
t 10px 10px)" | |
| 99 PASS getComputedStyleValue("shape-inside", "ellipse(10px at 10px 10px)") is "ell
ipse(10px closest-side at 10px 10px)" | |
| 100 PASS getCSSText("shape-inside", "ellipse(at 10px)") is "ellipse(at 10px 50%)" | |
| 101 PASS getComputedStyleValue("shape-inside", "ellipse(at 10px)") is "ellipse(close
st-side closest-side at 10px 50%)" | |
| 102 PASS getCSSText("shape-inside", "ellipse(at 10px 10px)") is "ellipse(at 10px 10p
x)" | |
| 103 PASS getComputedStyleValue("shape-inside", "ellipse(at 10px 10px)") is "ellipse(
closest-side closest-side at 10px 10px)" | |
| 104 PASS getCSSText("shape-inside", "ellipse(at top left)") is "ellipse(at 0% 0%)" | |
| 105 PASS getComputedStyleValue("shape-inside", "ellipse(at top left)") is "ellipse(c
losest-side closest-side at 0% 0%)" | |
| 106 PASS getCSSText("shape-inside", "ellipse(at right bottom)") is "ellipse(at 100%
100%)" | |
| 107 PASS getComputedStyleValue("shape-inside", "ellipse(at right bottom)") is "ellip
se(closest-side closest-side at 100% 100%)" | |
| 108 PASS getCSSText("shape-inside", "ellipse(10px at left top 10px)") is "ellipse(10
px at 0% 10px)" | |
| 109 PASS getComputedStyleValue("shape-inside", "ellipse(10px at left top 10px)") is
"ellipse(10px closest-side at 0% 10px)" | |
| 110 PASS getCSSText("shape-inside", "ellipse(10px at top 10px left 10px)") is "ellip
se(10px at 10px 10px)" | |
| 111 PASS getComputedStyleValue("shape-inside", "ellipse(10px at top 10px left 10px)"
) is "ellipse(10px closest-side at 10px 10px)" | |
| 112 PASS getCSSText("shape-inside", "ellipse(10px at right 10px bottom 10px)") is "e
llipse(10px at right 10px bottom 10px)" | |
| 113 PASS getComputedStyleValue("shape-inside", "ellipse(10px at right 10px bottom 10
px)") is "ellipse(10px closest-side at right 10px bottom 10px)" | |
| 114 PASS getCSSText("shape-inside", "ellipse(10px 20px at left top 10px)") is "ellip
se(10px 20px at 0% 10px)" | |
| 115 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at left top 10px)"
) is "ellipse(10px 20px at 0% 10px)" | |
| 116 PASS getCSSText("shape-inside", "ellipse(10px 20px at top 10px left 10px)") is "
ellipse(10px 20px at 10px 10px)" | |
| 117 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at top 10px left 1
0px)") is "ellipse(10px 20px at 10px 10px)" | |
| 118 PASS getCSSText("shape-inside", "ellipse(10px 20px at right 10px bottom 10px)")
is "ellipse(10px 20px at right 10px bottom 10px)" | |
| 119 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at right 10px bott
om 10px)") is "ellipse(10px 20px at right 10px bottom 10px)" | |
| 120 PASS getCSSText("shape-inside", "polygon(10px 20px, 30px 40px, 40px 50px)") is "
polygon(10px 20px, 30px 40px, 40px 50px)" | |
| 121 PASS getComputedStyleValue("shape-inside", "polygon(10px 20px, 30px 40px, 40px 5
0px)") is "polygon(10px 20px, 30px 40px, 40px 50px)" | |
| 122 PASS getCSSText("shape-inside", "polygon(evenodd, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | |
| 123 PASS getComputedStyleValue("shape-inside", "polygon(evenodd, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(evenodd, 10px 20px, 30px 40px, 40px 50px)" | |
| 124 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 20px, 30px 40px, 40px 50p
x)") is "polygon(10px 20px, 30px 40px, 40px 50px)" | |
| 125 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 20px, 30px 40p
x, 40px 50px)") is "polygon(10px 20px, 30px 40px, 40px 50px)" | |
| 126 PASS getCSSText("shape-inside", "content-box") is "content-box" | |
| 127 PASS getComputedStyleValue("shape-inside", "content-box") is "content-box" | |
| 128 PASS getCSSText("shape-inside", "padding-box") is "padding-box" | |
| 129 PASS getComputedStyleValue("shape-inside", "padding-box") is "padding-box" | |
| 130 PASS getCSSText("shape-inside", "border-box") is "border-box" | |
| 131 PASS getComputedStyleValue("shape-inside", "border-box") is "border-box" | |
| 132 PASS getCSSText("shape-inside", "margin-box") is "margin-box" | |
| 133 PASS getComputedStyleValue("shape-inside", "margin-box") is "margin-box" | |
| 134 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) content-box") is "polygon(10px 10px, 20px 20px, 30px 30px) content-box" | |
| 135 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) content-box") is "polygon(10px 10px, 20px 20px, 30px 30px) content
-box" | |
| 136 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) padding-box") is "polygon(10px 10px, 20px 20px, 30px 30px) padding-box" | |
| 137 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) padding-box") is "polygon(10px 10px, 20px 20px, 30px 30px) padding
-box" | |
| 138 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) border-box") is "polygon(10px 10px, 20px 20px, 30px 30px) border-box" | |
| 139 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) border-box") is "polygon(10px 10px, 20px 20px, 30px 30px) border-b
ox" | |
| 140 PASS getCSSText("shape-inside", "polygon(nonzero, 10px 10px, 20px 20px, 30px 30p
x) margin-box") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-box" | |
| 141 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px) margin-box") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-b
ox" | |
| 142 PASS getCSSText("shape-inside", "content-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "content-box polygon(10px 10px, 20px 20px, 30px 30px)" | |
| 143 PASS getComputedStyleValue("shape-inside", "content-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) content
-box" | |
| 144 PASS getCSSText("shape-inside", "padding-box polygon(nonzero, 10px 10px, 20px 20
px, 30px 30px)") is "padding-box polygon(10px 10px, 20px 20px, 30px 30px)" | |
| 145 PASS getComputedStyleValue("shape-inside", "padding-box polygon(nonzero, 10px 10
px, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) padding
-box" | |
| 146 PASS getCSSText("shape-inside", "border-box polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px)") is "border-box polygon(10px 10px, 20px 20px, 30px 30px)" | |
| 147 PASS getComputedStyleValue("shape-inside", "border-box polygon(nonzero, 10px 10p
x, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) border-b
ox" | |
| 148 PASS getCSSText("shape-inside", "margin-box polygon(nonzero, 10px 10px, 20px 20p
x, 30px 30px)") is "margin-box polygon(10px 10px, 20px 20px, 30px 30px)" | |
| 149 PASS getComputedStyleValue("shape-inside", "margin-box polygon(nonzero, 10px 10p
x, 20px 20px, 30px 30px)") is "polygon(10px 10px, 20px 20px, 30px 30px) margin-b
ox" | |
| 150 PASS getCSSText("shape-inside", "outside-shape") is "outside-shape" | |
| 151 PASS getComputedStyleValue("shape-inside", "outside-shape") is "outside-shape" | |
| 152 PASS removeBaseURL(getCSSText("shape-inside", "url('image')")) is "url(image)" | |
| 153 PASS removeBaseURL(getComputedStyleValue("shape-inside", "url('image')")) is "ur
l(image)" | |
| 154 PASS getCSSText("shape-inside", "calc()") is "" | |
| 155 PASS getComputedStyleValue("shape-inside", "calc()") is "none" | |
| 156 PASS getCSSText("shape-inside", "auto") is "" | |
| 157 PASS getComputedStyleValue("shape-inside", "auto") is "none" | |
| 158 PASS getCSSText("shape-inside", "inset()") is "" | |
| 159 PASS getComputedStyleValue("shape-inside", "inset()") is "none" | |
| 160 PASS getCSSText("shape-inside", "inset(10px, 10px)") is "" | |
| 161 PASS getComputedStyleValue("shape-inside", "inset(10px, 10px)") is "none" | |
| 162 PASS getCSSText("shape-inside", "inset(10px 20px, 30px)") is "" | |
| 163 PASS getComputedStyleValue("shape-inside", "inset(10px 20px, 30px)") is "none" | |
| 164 PASS getCSSText("shape-inside", "inset(10px, 20px 30px 40px)") is "" | |
| 165 PASS getComputedStyleValue("shape-inside", "inset(10px, 20px 30px 40px)") is "no
ne" | |
| 166 PASS getCSSText("shape-inside", "inset(10px 20px 30px 40px 50px 60px)") is "" | |
| 167 PASS getComputedStyleValue("shape-inside", "inset(10px 20px 30px 40px 50px 60px)
") is "none" | |
| 168 PASS getCSSText("shape-inside", "inset(round)") is "" | |
| 169 PASS getComputedStyleValue("shape-inside", "inset(round)") is "none" | |
| 170 PASS getCSSText("shape-inside", "inset(round 10px)") is "" | |
| 171 PASS getComputedStyleValue("shape-inside", "inset(round 10px)") is "none" | |
| 172 PASS getCSSText("shape-inside", "inset(10px round)") is "" | |
| 173 PASS getComputedStyleValue("shape-inside", "inset(10px round)") is "none" | |
| 174 PASS getCSSText("shape-inside", "inset(10px round 10px /)") is "" | |
| 175 PASS getComputedStyleValue("shape-inside", "inset(10px round 10px /)") is "none" | |
| 176 PASS getCSSText("shape-inside", "inset(10px round 20px 30px 40px 50px 60px)") is
"" | |
| 177 PASS getComputedStyleValue("shape-inside", "inset(10px round 20px 30px 40px 50px
60px)") is "none" | |
| 178 PASS getCSSText("shape-inside", "inset(10px round /)") is "" | |
| 179 PASS getComputedStyleValue("shape-inside", "inset(10px round /)") is "none" | |
| 180 PASS getCSSText("shape-inside", "inset(10px round / 10px)") is "" | |
| 181 PASS getComputedStyleValue("shape-inside", "inset(10px round / 10px)") is "none" | |
| 182 PASS getCSSText("shape-inside", "inset(/)") is "" | |
| 183 PASS getComputedStyleValue("shape-inside", "inset(/)") is "none" | |
| 184 PASS getCSSText("shape-inside", "inset(/ 10px)") is "" | |
| 185 PASS getComputedStyleValue("shape-inside", "inset(/ 10px)") is "none" | |
| 186 PASS getCSSText("shape-inside", "inset(round /)") is "" | |
| 187 PASS getComputedStyleValue("shape-inside", "inset(round /)") is "none" | |
| 188 PASS getCSSText("shape-inside", "circle(10px 20px)") is "" | |
| 189 PASS getComputedStyleValue("shape-inside", "circle(10px 20px)") is "none" | |
| 190 PASS getCSSText("shape-inside", "circle(10px at 10px 10px 10px)") is "" | |
| 191 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px 10px)") is
"none" | |
| 192 PASS getCSSText("shape-inside", "circle(10px at 10px 10px at center)") is "" | |
| 193 PASS getComputedStyleValue("shape-inside", "circle(10px at 10px 10px at center)"
) is "none" | |
| 194 PASS getCSSText("shape-inside", "circle(10px at center center 10px)") is "" | |
| 195 PASS getComputedStyleValue("shape-inside", "circle(10px at center center 10px)")
is "none" | |
| 196 PASS getCSSText("shape-inside", "circle(at 10px 10px 10px)") is "" | |
| 197 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px 10px)") is "none
" | |
| 198 PASS getCSSText("shape-inside", "circle(at 10px 10px at center)") is "" | |
| 199 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px at center)") is
"none" | |
| 200 PASS getCSSText("shape-inside", "circle(at center center 10px)") is "" | |
| 201 PASS getComputedStyleValue("shape-inside", "circle(at center center 10px)") is "
none" | |
| 202 PASS getCSSText("shape-inside", "circle(at 10px 10px closest-side)") is "" | |
| 203 PASS getComputedStyleValue("shape-inside", "circle(at 10px 10px closest-side)")
is "none" | |
| 204 PASS getCSSText("shape-inside", "circle(10px at)") is "" | |
| 205 PASS getComputedStyleValue("shape-inside", "circle(10px at)") is "none" | |
| 206 PASS getCSSText("shape-inside", "circle(at)") is "" | |
| 207 PASS getComputedStyleValue("shape-inside", "circle(at)") is "none" | |
| 208 PASS getCSSText("shape-inside", "ellipse(10px 20px 30px)") is "" | |
| 209 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px 30px)") is "none" | |
| 210 PASS getCSSText("shape-inside", "ellipse(10px at 10px 10px 10px)") is "" | |
| 211 PASS getComputedStyleValue("shape-inside", "ellipse(10px at 10px 10px 10px)") is
"none" | |
| 212 PASS getCSSText("shape-inside", "ellipse(10px at 10px 10px at center)") is "" | |
| 213 PASS getComputedStyleValue("shape-inside", "ellipse(10px at 10px 10px at center)
") is "none" | |
| 214 PASS getCSSText("shape-inside", "ellipse(10px at center center 10px)") is "" | |
| 215 PASS getComputedStyleValue("shape-inside", "ellipse(10px at center center 10px)"
) is "none" | |
| 216 PASS getCSSText("shape-inside", "ellipse(10px 20px 30px at center center 10px)")
is "" | |
| 217 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px 30px at center cen
ter 10px)") is "none" | |
| 218 PASS getCSSText("shape-inside", "ellipse(at 10px 10px 10px)") is "" | |
| 219 PASS getComputedStyleValue("shape-inside", "ellipse(at 10px 10px 10px)") is "non
e" | |
| 220 PASS getCSSText("shape-inside", "ellipse(at 10px 10px at center)") is "" | |
| 221 PASS getComputedStyleValue("shape-inside", "ellipse(at 10px 10px at center)") is
"none" | |
| 222 PASS getCSSText("shape-inside", "ellipse(at center center 10px)") is "" | |
| 223 PASS getComputedStyleValue("shape-inside", "ellipse(at center center 10px)") is
"none" | |
| 224 PASS getCSSText("shape-inside", "ellipse(10px 20px at)") is "" | |
| 225 PASS getComputedStyleValue("shape-inside", "ellipse(10px 20px at)") is "none" | |
| 226 PASS getCSSText("shape-inside", "ellipse(at)") is "" | |
| 227 PASS getComputedStyleValue("shape-inside", "ellipse(at)") is "none" | |
| 228 PASS getCSSText("shape-inside", "polygon()") is "" | |
| 229 PASS getComputedStyleValue("shape-inside", "polygon()") is "none" | |
| 230 PASS getCSSText("shape-inside", "polygon(evenodd 10px 20px, 30px 40px, 40px 50px
)") is "" | |
| 231 PASS getComputedStyleValue("shape-inside", "polygon(evenodd 10px 20px, 30px 40px
, 40px 50px)") is "none" | |
| 232 PASS getCSSText("shape-inside", "polygon(nonzero 10px 20px, 30px 40px, 40px 50px
)") is "" | |
| 233 PASS getComputedStyleValue("shape-inside", "polygon(nonzero 10px 20px, 30px 40px
, 40px 50px)") is "none" | |
| 234 PASS getCSSText("shape-inside", "polygon(nonzero)") is "" | |
| 235 PASS getComputedStyleValue("shape-inside", "polygon(nonzero)") is "none" | |
| 236 PASS getCSSText("shape-inside", "polygon(evenodd)") is "" | |
| 237 PASS getComputedStyleValue("shape-inside", "polygon(evenodd)") is "none" | |
| 238 PASS getCSSText("shape-inside", "polygon(10px)") is "" | |
| 239 PASS getComputedStyleValue("shape-inside", "polygon(10px)") is "none" | |
| 240 PASS getCSSText("shape-inside", "polygon(nonzero,10px)") is "" | |
| 241 PASS getComputedStyleValue("shape-inside", "polygon(nonzero,10px)") is "none" | |
| 242 PASS getCSSText("shape-inside", "polygon(evenodd,12px)") is "" | |
| 243 PASS getComputedStyleValue("shape-inside", "polygon(evenodd,12px)") is "none" | |
| 244 PASS getCSSText("shape-inside", "polygon(10px, 20px, 30px, 40px, 40px, 50px)") i
s "" | |
| 245 PASS getComputedStyleValue("shape-inside", "polygon(10px, 20px, 30px, 40px, 40px
, 50px)") is "none" | |
| 246 PASS getCSSText("shape-inside", "content-box content-box") is "" | |
| 247 PASS getComputedStyleValue("shape-inside", "content-box content-box") is "none" | |
| 248 PASS getCSSText("shape-inside", "polygon(nonzero, 0 0 ,10px 10px, 10px 0) polygo
n(nonzero, 0 0, 10px 10px, 10px 0)") is "" | |
| 249 PASS getComputedStyleValue("shape-inside", "polygon(nonzero, 0 0 ,10px 10px, 10p
x 0) polygon(nonzero, 0 0, 10px 10px, 10px 0)") is "none" | |
| 250 PASS getCSSText("shape-inside", "none content-box") is "" | |
| 251 PASS getComputedStyleValue("shape-inside", "none content-box") is "none" | |
| 252 PASS getCSSText("shape-inside", "content-box none") is "" | |
| 253 PASS getComputedStyleValue("shape-inside", "content-box none") is "none" | |
| 254 PASS getCSSText("shape-inside", "polygon(none) content-box") is "" | |
| 255 PASS getComputedStyleValue("shape-inside", "polygon(none) content-box") is "none
" | |
| 256 PASS getCSSText("shape-inside", "content-box polygon(none)") is "" | |
| 257 PASS getComputedStyleValue("shape-inside", "content-box polygon(none)") is "none
" | |
| 258 PASS getCSSText("shape-inside", "circle(50px) none") is "" | |
| 259 PASS getComputedStyleValue("shape-inside", "circle(50px) none") is "none" | |
| 260 PASS getCSSText("shape-inside", "none circle(50px)") is "" | |
| 261 PASS getComputedStyleValue("shape-inside", "none circle(50px)") is "none" | |
| 262 PASS getCSSText("shape-inside", "url('shape.svg') content-box") is "" | |
| 263 PASS getComputedStyleValue("shape-inside", "url('shape.svg') content-box") is "n
one" | |
| 264 PASS getCSSText("shape-inside", "url('shape.svg') polygon(nonzero, 0 0, 10px 10p
x, 10px 0)") is "" | |
| 265 PASS getComputedStyleValue("shape-inside", "url('shape.svg') polygon(nonzero, 0
0, 10px 10px, 10px 0)") is "none" | |
| 266 PASS getParentAndChildComputedStylesString("-webkit-shape-inside", "none", "circ
le(30px at 10px 20px)") is "parent: none, child: circle(30px at 10px 20px)" | |
| 267 PASS getParentAndChildComputedStylesString("-webkit-shape-inside", "outside-shap
e", "circle(30px at 10px 20px)") is "parent: outside-shape, child: circle(30px a
t 10px 20px)" | |
| 268 PASS getParentAndChildComputedStylesString("-webkit-shape-inside", "circle(30px
at 10px 20px)", "initial") is "parent: circle(30px at 10px 20px), child: none" | |
| 269 PASS getParentAndChildComputedStylesString("-webkit-shape-inside", "circle(30px
at 10px 20px)", "") is "parent: circle(30px at 10px 20px), child: none" | |
| 270 PASS getParentAndChildComputedStylesString("-webkit-shape-inside", "circle(30px
at 10px 20px)", "inherit") is "parent: circle(30px at 10px 20px), child: circle(
30px at 10px 20px)" | |
| 271 PASS getParentAndChildComputedStylesString("shape-inside", "", "inherit") is "pa
rent: none, child: none" | |
| 272 PASS getParentAndChildComputedStylesString("shape-inside", "none", "inherit") is
"parent: none, child: none" | |
| 273 PASS successfullyParsed is true | |
| 274 | |
| 275 TEST COMPLETE | |
| 276 | |
| OLD | NEW |