| OLD | NEW |
| 1 Test that basic shapes accept different length units | 1 Test that basic shapes accept different length units |
| 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 getStyleValue("shape-inside", "circle(0 at 0 0)") is "circle(0px at 0% 0%)" | 6 PASS getStyleValue("shape-outside", "circle(0 at 0 0)") is "circle(0px at 0% 0%)
" |
| 7 PASS getStyleValue("shape-inside", "circle(1px at +1px -1px)") is "circle(1px at
1px -1px)" | 7 PASS getStyleValue("shape-outside", "circle(1px at +1px -1px)") is "circle(1px a
t 1px -1px)" |
| 8 PASS getStyleValue("shape-inside", "circle(1.5px at -1.5px +1.5px)") is "circle(
1.5px at -1.5px 1.5px)" | 8 PASS getStyleValue("shape-outside", "circle(1.5px at -1.5px +1.5px)") is "circle
(1.5px at -1.5px 1.5px)" |
| 9 PASS getStyleValue("shape-inside", "circle(.5px at -.5px +.5px)") is "circle(0.5
px at -0.5px 0.5px)" | 9 PASS getStyleValue("shape-outside", "circle(.5px at -.5px +.5px)") is "circle(0.
5px at -0.5px 0.5px)" |
| 10 PASS getStyleValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt 1pc)") is "i
nset(1cm 1mm 1in 1px round 1pt 1pc 1pt 1pc / 1pt 1pc 1pt 1pc)" | 10 PASS getStyleValue("shape-outside", "inset(1cm 1mm 1in 1px round 1pt 1pc)") is "
inset(1cm 1mm 1in 1px round 1pt 1pc 1pt 1pc / 1pt 1pc 1pt 1pc)" |
| 11 PASS getStyleValue("shape-inside", "inset(-1px 1px 1px 1px round 1px 1px 1px 1px
)") is "inset(-1px 1px 1px 1px round 1px 1px 1px 1px / 1px 1px 1px 1px)" | 11 PASS getStyleValue("shape-outside", "inset(-1px 1px 1px 1px round 1px 1px 1px 1p
x)") is "inset(-1px 1px 1px 1px round 1px 1px 1px 1px / 1px 1px 1px 1px)" |
| 12 PASS getStyleValue("shape-inside", "inset(1px -1px 1px 1px round 1px 1px 1px 1px
)") is "inset(1px -1px 1px 1px round 1px 1px 1px 1px / 1px 1px 1px 1px)" | 12 PASS getStyleValue("shape-outside", "inset(1px -1px 1px 1px round 1px 1px 1px 1p
x)") is "inset(1px -1px 1px 1px round 1px 1px 1px 1px / 1px 1px 1px 1px)" |
| 13 PASS getStyleValue("shape-inside", "inset(1px 1px -1px 1px round 1px 1px 1px 1px
)") is "inset(1px 1px -1px 1px round 1px 1px 1px 1px / 1px 1px 1px 1px)" | 13 PASS getStyleValue("shape-outside", "inset(1px 1px -1px 1px round 1px 1px 1px 1p
x)") is "inset(1px 1px -1px 1px round 1px 1px 1px 1px / 1px 1px 1px 1px)" |
| 14 PASS getStyleValue("shape-inside", "inset(1px 1px 1px -1px round 1px 1px 1px 1px
)") is "inset(1px 1px 1px -1px round 1px 1px 1px 1px / 1px 1px 1px 1px)" | 14 PASS getStyleValue("shape-outside", "inset(1px 1px 1px -1px round 1px 1px 1px 1p
x)") is "inset(1px 1px 1px -1px round 1px 1px 1px 1px / 1px 1px 1px 1px)" |
| 15 PASS getStyleValue("shape-inside", "circle(1em at -1em +1em)") is "circle(1em at
-1em 1em)" | 15 PASS getStyleValue("shape-outside", "circle(1em at -1em +1em)") is "circle(1em a
t -1em 1em)" |
| 16 PASS getStyleValue("shape-inside", "circle(1.5em at -1.5em +1.5em)") is "circle(
1.5em at -1.5em 1.5em)" | 16 PASS getStyleValue("shape-outside", "circle(1.5em at -1.5em +1.5em)") is "circle
(1.5em at -1.5em 1.5em)" |
| 17 PASS getStyleValue("shape-inside", "circle(.5em at -.5em +.5em)") is "circle(0.5
em at -0.5em 0.5em)" | 17 PASS getStyleValue("shape-outside", "circle(.5em at -.5em +.5em)") is "circle(0.
5em at -0.5em 0.5em)" |
| 18 PASS getStyleValue("shape-inside", "circle(1ex at 1ex 1ex)") is "circle(1ex at 1
ex 1ex)" | 18 PASS getStyleValue("shape-outside", "circle(1ex at 1ex 1ex)") is "circle(1ex at
1ex 1ex)" |
| 19 PASS getStyleValue("shape-inside", "circle(1rem at 1rem 1rem)") is "circle(1rem
at 1rem 1rem)" | 19 PASS getStyleValue("shape-outside", "circle(1rem at 1rem 1rem)") is "circle(1rem
at 1rem 1rem)" |
| 20 PASS getComputedStyleValue("shape-inside", "circle(1.5em at .5em 1em)") is "circ
le(12px at 4px 8px)" | 20 PASS getComputedStyleValue("shape-outside", "circle(1.5em at .5em 1em)") is "cir
cle(12px at 4px 8px)" |
| 21 PASS getComputedStyleValue("shape-inside", "circle(1.5rem at .5rem 1rem)") is "c
ircle(24px at 8px 16px)" | 21 PASS getComputedStyleValue("shape-outside", "circle(1.5rem at .5rem 1rem)") is "
circle(24px at 8px 16px)" |
| 22 PASS getStyleValue("shape-inside", "circle(1vw at 1vw 1vw)") is "circle(1vw at 1
vw 1vw)" | 22 PASS getStyleValue("shape-outside", "circle(1vw at 1vw 1vw)") is "circle(1vw at
1vw 1vw)" |
| 23 PASS getStyleValue("shape-inside", "circle(1vh at 1vh 1vh)") is "circle(1vh at 1
vh 1vh)" | 23 PASS getStyleValue("shape-outside", "circle(1vh at 1vh 1vh)") is "circle(1vh at
1vh 1vh)" |
| 24 PASS getStyleValue("shape-inside", "circle(1vmin at 1vmin 1vmin)") is "circle(1v
min at 1vmin 1vmin)" | 24 PASS getStyleValue("shape-outside", "circle(1vmin at 1vmin 1vmin)") is "circle(1
vmin at 1vmin 1vmin)" |
| 25 PASS getComputedStyleValue("shape-inside", "circle(1.5vw at .5vw 1vw)") is "circ
le(12px at 4px 8px)" | 25 PASS getComputedStyleValue("shape-outside", "circle(1.5vw at .5vw 1vw)") is "cir
cle(12px at 4px 8px)" |
| 26 PASS getComputedStyleValue("shape-inside", "circle(1.5vh at .5vh 1vh)") is "circ
le(9px at 3px 6px)" | 26 PASS getComputedStyleValue("shape-outside", "circle(1.5vh at .5vh 1vh)") is "cir
cle(9px at 3px 6px)" |
| 27 PASS getComputedStyleValue("shape-inside", "circle(1.5vmin at .5vmin 1vmin)") is
"circle(9px at 3px 6px)" | 27 PASS getComputedStyleValue("shape-outside", "circle(1.5vmin at .5vmin 1vmin)") i
s "circle(9px at 3px 6px)" |
| 28 PASS getStyleValue("shape-inside", "circle(100% at 100% 100%)") is "circle(100%
at 100% 100%)" | 28 PASS getStyleValue("shape-outside", "circle(100% at 100% 100%)") is "circle(100%
at 100% 100%)" |
| 29 PASS getStyleValue("shape-inside", "inset(45% 45% 90% 60% round 25% 10%)") is "i
nset(45% 45% 90% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)" | 29 PASS getStyleValue("shape-outside", "inset(45% 45% 90% 60% round 25% 10%)") is "
inset(45% 45% 90% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)" |
| 30 PASS getStyleValue("shape-inside", "ellipse(100% 100% at 100% 100%)") is "ellips
e(100% 100% at 100% 100%)" | 30 PASS getStyleValue("shape-outside", "ellipse(100% 100% at 100% 100%)") is "ellip
se(100% 100% at 100% 100%)" |
| 31 PASS getStyleValue("shape-inside", "polygon(10% 20%, 30% 40%, 40% 50%)") is "pol
ygon(10% 20%, 30% 40%, 40% 50%)" | 31 PASS getStyleValue("shape-outside", "polygon(10% 20%, 30% 40%, 40% 50%)") is "po
lygon(10% 20%, 30% 40%, 40% 50%)" |
| 32 PASS getComputedStyleValue("shape-inside", "circle(150% at 50% 100%)") is "circl
e(150% at 50% 100%)" | 32 PASS getComputedStyleValue("shape-outside", "circle(150% at 50% 100%)") is "circ
le(150% at 50% 100%)" |
| 33 PASS getComputedStyleValue("shape-inside", "inset(45% 45% 90% 60% round 25% 10%)
") is "inset(45% 45% 90% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)" | 33 PASS getComputedStyleValue("shape-outside", "inset(45% 45% 90% 60% round 25% 10%
)") is "inset(45% 45% 90% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)" |
| 34 PASS getComputedStyleValue("shape-inside", "ellipse(100% 100% at 100% 100%)") is
"ellipse(100% 100% at 100% 100%)" | 34 PASS getComputedStyleValue("shape-outside", "ellipse(100% 100% at 100% 100%)") i
s "ellipse(100% 100% at 100% 100%)" |
| 35 PASS getComputedStyleValue("shape-inside", "polygon(10% 20%, 30% 40%, 40% 50%)")
is "polygon(10% 20%, 30% 40%, 40% 50%)" | 35 PASS getComputedStyleValue("shape-outside", "polygon(10% 20%, 30% 40%, 40% 50%)"
) is "polygon(10% 20%, 30% 40%, 40% 50%)" |
| 36 PASS getStyleValue("shape-inside", "circle(1 at 1px 1px)") is null | 36 PASS getStyleValue("shape-outside", "circle(1 at 1px 1px)") is null |
| 37 PASS getComputedStyleValue("shape-inside", "circle(1 at 1px 1px)") is "none" | 37 PASS getComputedStyleValue("shape-outside", "circle(1 at 1px 1px)") is "none" |
| 38 PASS getStyleValue("shape-inside", "circle(px at 1px 1px)") is null | 38 PASS getStyleValue("shape-outside", "circle(px at 1px 1px)") is null |
| 39 PASS getComputedStyleValue("shape-inside", "circle(px at 1px 1px)") is "none" | 39 PASS getComputedStyleValue("shape-outside", "circle(px at 1px 1px)") is "none" |
| 40 PASS getStyleValue("shape-inside", "circle(1p at 1px 1px)") is null | 40 PASS getStyleValue("shape-outside", "circle(1p at 1px 1px)") is null |
| 41 PASS getComputedStyleValue("shape-inside", "circle(1p at 1px 1px)") is "none" | 41 PASS getComputedStyleValue("shape-outside", "circle(1p at 1px 1px)") is "none" |
| 42 PASS getStyleValue("shape-inside", "circle(calc( at 1px 1px))") is null | 42 PASS getStyleValue("shape-outside", "circle(calc( at 1px 1px))") is null |
| 43 PASS getComputedStyleValue("shape-inside", "circle(calc( at 1px 1px))") is "none
" | 43 PASS getComputedStyleValue("shape-outside", "circle(calc( at 1px 1px))") is "non
e" |
| 44 PASS getStyleValue("shape-inside", "circle(-1.5px at -1.5px +1.5px)") is null | 44 PASS getStyleValue("shape-outside", "circle(-1.5px at -1.5px +1.5px)") is null |
| 45 PASS getComputedStyleValue("shape-inside", "circle(-1.5px at -1.5px +1.5px)") is
"none" | 45 PASS getComputedStyleValue("shape-outside", "circle(-1.5px at -1.5px +1.5px)") i
s "none" |
| 46 PASS getStyleValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc)") is n
ull | 46 PASS getStyleValue("shape-outside", "inset(1cm 1mm 1in 1px round 1pt -1pc)") is
null |
| 47 PASS getComputedStyleValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc
)") is "none" | 47 PASS getComputedStyleValue("shape-outside", "inset(1cm 1mm 1in 1px round 1pt -1p
c)") is "none" |
| 48 PASS getStyleValue("shape-inside", "ellipse(-1em 1em at 1em 1em)") is null | 48 PASS getStyleValue("shape-outside", "ellipse(-1em 1em at 1em 1em)") is null |
| 49 PASS getComputedStyleValue("shape-inside", "ellipse(-1em 1em at 1em 1em)") is "n
one" | 49 PASS getComputedStyleValue("shape-outside", "ellipse(-1em 1em at 1em 1em)") is "
none" |
| 50 PASS getStyleValue("shape-inside", "ellipse(1em -1em at 1em 1em)") is null | 50 PASS getStyleValue("shape-outside", "ellipse(1em -1em at 1em 1em)") is null |
| 51 PASS getComputedStyleValue("shape-inside", "ellipse(1em -1em at 1em 1em)") is "n
one" | 51 PASS getComputedStyleValue("shape-outside", "ellipse(1em -1em at 1em 1em)") is "
none" |
| 52 PASS successfullyParsed is true | 52 PASS successfullyParsed is true |
| 53 | 53 |
| 54 TEST COMPLETE | 54 TEST COMPLETE |
| 55 | 55 |
| OLD | NEW |