| 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, 0, 0)") is "circle(0px, 0px, 0px)" | 6 PASS getStyleValue("shape-inside", "circle(0 at 0 0)") is "circle(0px at 0% 0%)" | 
| 7 PASS getStyleValue("shape-inside", "circle(-1px, +1px, 1px)") is "circle(-1px, 1
    px, 1px)" | 7 PASS getStyleValue("shape-inside", "circle(1px at +1px -1px)") is "circle(1px at
     1px -1px)" | 
| 8 PASS getStyleValue("shape-inside", "circle(-1.5px, +1.5px, 1.5px)") is "circle(-
    1.5px, 1.5px, 1.5px)" | 8 PASS getStyleValue("shape-inside", "circle(1.5px at -1.5px +1.5px)") is "circle(
    1.5px at -1.5px 1.5px)" | 
| 9 PASS getStyleValue("shape-inside", "circle(-.5px, +.5px, .5px)") is "circle(-0.5
    px, 0.5px, 0.5px)" | 9 PASS getStyleValue("shape-inside", "circle(.5px at -.5px +.5px)") is "circle(0.5
    px at -0.5px 0.5px)" | 
| 10 PASS getStyleValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)") is
     "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)" |  | 
| 11 PASS getStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc
    )") is "inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)" |  | 
| 12 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-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)" | 
| 13 PASS getStyleValue("shape-inside", "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)" | 
| 14 PASS getStyleValue("shape-inside", "inset(-1cm 1mm -1in 1px round 1pt 1pc)") is 
    "inset(-1cm 1mm -1in 1px round 1pt 1pc 1pt 1pc / 1pt 1pc 1pt 1pc)" | 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)" | 
| 15 PASS getStyleValue("shape-inside", "circle(-1em, +1em, 1em)") is "circle(-1em, 1
    em, 1em)" | 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)" | 
| 16 PASS getStyleValue("shape-inside", "circle(-1.5em, +1.5em, 1.5em)") is "circle(-
    1.5em, 1.5em, 1.5em)" | 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)" | 
| 17 PASS getStyleValue("shape-inside", "circle(-.5em, +.5em, .5em)") is "circle(-0.5
    em, 0.5em, 0.5em)" | 15 PASS getStyleValue("shape-inside", "circle(1em at -1em +1em)") is "circle(1em at
     -1em 1em)" | 
| 18 PASS getStyleValue("shape-inside", "circle(1ex, 1ex, 1ex)") is "circle(1ex, 1ex,
     1ex)" | 16 PASS getStyleValue("shape-inside", "circle(1.5em at -1.5em +1.5em)") is "circle(
    1.5em at -1.5em 1.5em)" | 
| 19 PASS getStyleValue("shape-inside", "circle(1rem, 1rem, 1rem)") is "circle(1rem, 
    1rem, 1rem)" | 17 PASS getStyleValue("shape-inside", "circle(.5em at -.5em +.5em)") is "circle(0.5
    em at -0.5em 0.5em)" | 
| 20 PASS getComputedStyleValue("shape-inside", "circle(.5em, 1em, 1.5em)") is "circl
    e(4px, 8px, 12px)" | 18 PASS getStyleValue("shape-inside", "circle(1ex at 1ex 1ex)") is "circle(1ex at 1
    ex 1ex)" | 
| 21 PASS getComputedStyleValue("shape-inside", "circle(.5rem, 1rem, 1.5rem)") is "ci
    rcle(8px, 16px, 24px)" | 19 PASS getStyleValue("shape-inside", "circle(1rem at 1rem 1rem)") is "circle(1rem 
    at 1rem 1rem)" | 
| 22 PASS getStyleValue("shape-inside", "circle(1vw, 1vw, 1vw)") is "circle(1vw, 1vw,
     1vw)" | 20 PASS getComputedStyleValue("shape-inside", "circle(1.5em at .5em 1em)") is "circ
    le(12px at 4px 8px)" | 
| 23 PASS getStyleValue("shape-inside", "circle(1vh, 1vh, 1vh)") is "circle(1vh, 1vh,
     1vh)" | 21 PASS getComputedStyleValue("shape-inside", "circle(1.5rem at .5rem 1rem)") is "c
    ircle(24px at 8px 16px)" | 
| 24 PASS getStyleValue("shape-inside", "circle(1vmin, 1vmin, 1vmin)") is "circle(1vm
    in, 1vmin, 1vmin)" | 22 PASS getStyleValue("shape-inside", "circle(1vw at 1vw 1vw)") is "circle(1vw at 1
    vw 1vw)" | 
| 25 PASS getComputedStyleValue("shape-inside", "circle(.5vw, 1vw, 1.5vw)") is "circl
    e(4px, 8px, 12px)" | 23 PASS getStyleValue("shape-inside", "circle(1vh at 1vh 1vh)") is "circle(1vh at 1
    vh 1vh)" | 
| 26 PASS getComputedStyleValue("shape-inside", "circle(.5vh, 1vh, 1.5vh)") is "circl
    e(3px, 6px, 9px)" | 24 PASS getStyleValue("shape-inside", "circle(1vmin at 1vmin 1vmin)") is "circle(1v
    min at 1vmin 1vmin)" | 
| 27 PASS getComputedStyleValue("shape-inside", "circle(.5vmin, 1vmin, 1.5vmin)") is 
    "circle(3px, 6px, 9px)" | 25 PASS getComputedStyleValue("shape-inside", "circle(1.5vw at .5vw 1vw)") is "circ
    le(12px at 4px 8px)" | 
| 28 PASS getStyleValue("shape-inside", "circle(100%, 100%, 100%)") is "circle(100%, 
    100%, 100%)" | 26 PASS getComputedStyleValue("shape-inside", "circle(1.5vh at .5vh 1vh)") is "circ
    le(9px at 3px 6px)" | 
| 29 PASS getStyleValue("shape-inside", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)") is
     "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" | 27 PASS getComputedStyleValue("shape-inside", "circle(1.5vmin at .5vmin 1vmin)") is
     "circle(9px at 3px 6px)" | 
| 30 PASS getStyleValue("shape-inside", "inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%
    )") is "inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)" | 28 PASS getStyleValue("shape-inside", "circle(100% at 100% 100%)") is "circle(100% 
    at 100% 100%)" | 
| 31 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-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%)" | 
| 32 PASS getStyleValue("shape-inside", "ellipse(100%, 100%, 100%, 100%)") is "ellips
    e(100%, 100%, 100%, 100%)" | 30 PASS getStyleValue("shape-inside", "ellipse(100% 100% at 100% 100%)") is "ellips
    e(100% 100% at 100% 100%)" | 
| 33 PASS getStyleValue("shape-inside", "polygon(10% 20%, 30% 40%, 40% 50%)") is "pol
    ygon(10% 20%, 30% 40%, 40% 50%)" | 31 PASS getStyleValue("shape-inside", "polygon(10% 20%, 30% 40%, 40% 50%)") is "pol
    ygon(10% 20%, 30% 40%, 40% 50%)" | 
| 34 PASS getComputedStyleValue("shape-inside", "circle(50%, 100%, 150%)") is "circle
    (50%, 100%, 150%)" | 32 PASS getComputedStyleValue("shape-inside", "circle(150% at 50% 100%)") is "circl
    e(150% at 50% 100%)" | 
| 35 PASS getComputedStyleValue("shape-inside", "rectangle(45%, 45%, 90%, 60%, 25%, 1
    0%)") is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" |  | 
| 36 PASS getComputedStyleValue("shape-inside", "inset-rectangle(45%, 45%, 90%, 60%, 
    25%, 10%)") is "inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)" |  | 
| 37 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-inside", "inset(45% 45% 90% 60% round 25% 10%)
    ") is "inset(45% 45% 90% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)" | 
| 38 PASS getComputedStyleValue("shape-inside", "ellipse(100%, 100%, 100%, 100%)") is
     "ellipse(100%, 100%, 100%, 100%)" | 34 PASS getComputedStyleValue("shape-inside", "ellipse(100% 100% at 100% 100%)") is
     "ellipse(100% 100% at 100% 100%)" | 
| 39 PASS getComputedStyleValue("shape-inside", "polygon(10% 20%, 30% 40%, 40% 50%)")
     is "polygon(10% 20%, 30% 40%, 40% 50%)" | 35 PASS getComputedStyleValue("shape-inside", "polygon(10% 20%, 30% 40%, 40% 50%)")
     is "polygon(10% 20%, 30% 40%, 40% 50%)" | 
| 40 PASS getStyleValue("shape-inside", "circle(1px, 1px, 1)") is null | 36 PASS getStyleValue("shape-inside", "circle(1 at 1px 1px)") is null | 
| 41 PASS getComputedStyleValue("shape-inside", "circle(1px, 1px, 1)") is "none" | 37 PASS getComputedStyleValue("shape-inside", "circle(1 at 1px 1px)") is "none" | 
| 42 PASS getStyleValue("shape-inside", "circle(1px, 1px, px)") is null | 38 PASS getStyleValue("shape-inside", "circle(px at 1px 1px)") is null | 
| 43 PASS getComputedStyleValue("shape-inside", "circle(1px, 1px, px)") is "none" | 39 PASS getComputedStyleValue("shape-inside", "circle(px at 1px 1px)") is "none" | 
| 44 PASS getStyleValue("shape-inside", "circle(1px, 1px, 1p)") is null | 40 PASS getStyleValue("shape-inside", "circle(1p at 1px 1px)") is null | 
| 45 PASS getComputedStyleValue("shape-inside", "circle(1px, 1px, 1p)") is "none" | 41 PASS getComputedStyleValue("shape-inside", "circle(1p at 1px 1px)") is "none" | 
| 46 PASS getStyleValue("shape-inside", "circle(1px, 1px, calc())") is null | 42 PASS getStyleValue("shape-inside", "circle(calc( at 1px 1px))") is null | 
| 47 PASS getComputedStyleValue("shape-inside", "circle(1px, 1px, calc())") is "none" | 43 PASS getComputedStyleValue("shape-inside", "circle(calc( at 1px 1px))") is "none
    " | 
| 48 PASS getStyleValue("shape-inside", "circle(-1.5px, +1.5px, -1.5px)") is null | 44 PASS getStyleValue("shape-inside", "circle(-1.5px at -1.5px +1.5px)") is null | 
| 49 PASS getComputedStyleValue("shape-inside", "circle(-1.5px, +1.5px, -1.5px)") is 
    "none" | 45 PASS getComputedStyleValue("shape-inside", "circle(-1.5px at -1.5px +1.5px)") is
     "none" | 
| 50 PASS getStyleValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)") i
    s null |  | 
| 51 PASS getComputedStyleValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 
    1pc)") is "none" |  | 
| 52 PASS getStyleValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)") i
    s null |  | 
| 53 PASS getComputedStyleValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -
    1pc)") is "none" |  | 
| 54 PASS getStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, -1pt, 1p
    c)") is null |  | 
| 55 PASS getComputedStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, 
    -1pt, 1pc)") is "none" |  | 
| 56 PASS getStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, -1p
    c)") is null |  | 
| 57 PASS getComputedStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, 
    1pt, -1pc)") is "none" |  | 
| 58 PASS getStyleValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc)") is n
    ull | 46 PASS getStyleValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc)") is n
    ull | 
| 59 PASS getComputedStyleValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc
    )") is "none" | 47 PASS getComputedStyleValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc
    )") is "none" | 
| 60 PASS getStyleValue("shape-inside", "ellipse(1em, 1em, -1em, 1em)") is null | 48 PASS getStyleValue("shape-inside", "ellipse(-1em 1em at 1em 1em)") is null | 
| 61 PASS getComputedStyleValue("shape-inside", "ellipse(1em, 1em, -1em, 1em)") is "n
    one" | 49 PASS getComputedStyleValue("shape-inside", "ellipse(-1em 1em at 1em 1em)") is "n
    one" | 
| 62 PASS getStyleValue("shape-inside", "ellipse(1em, 1em, 1em, -1em)") is null | 50 PASS getStyleValue("shape-inside", "ellipse(1em -1em at 1em 1em)") is null | 
| 63 PASS getComputedStyleValue("shape-inside", "ellipse(1em, 1em, 1em, -1em)") is "n
    one" | 51 PASS getComputedStyleValue("shape-inside", "ellipse(1em -1em at 1em 1em)") is "n
    one" | 
| 64 PASS getStyleValue("shape-inside", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)") i
    s null |  | 
| 65 PASS getComputedStyleValue("shape-inside", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 
    1pc)") is "none" |  | 
| 66 PASS getStyleValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)") i
    s null |  | 
| 67 PASS getComputedStyleValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 
    1pc)") is "none" |  | 
| 68 PASS getStyleValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1p
    c)") is null |  | 
| 69 PASS getComputedStyleValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px,
     1pt, 1pc)") is "none" |  | 
| 70 PASS getStyleValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1p
    c)") is null |  | 
| 71 PASS getComputedStyleValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px,
     1pt, 1pc)") is "none" |  | 
| 72 PASS getStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1p
    c)") is null |  | 
| 73 PASS getComputedStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px,
     1pt, 1pc)") is "none" |  | 
| 74 PASS getStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1p
    c)") is null |  | 
| 75 PASS getComputedStyleValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px,
     1pt, 1pc)") is "none" |  | 
| 76 PASS successfullyParsed is true | 52 PASS successfullyParsed is true | 
| 77 | 53 | 
| 78 TEST COMPLETE | 54 TEST COMPLETE | 
| 79 | 55 | 
| OLD | NEW | 
|---|