| OLD | NEW | 
|    1 Test that clip-path shapes accept different length units |    1 Test that clip-path 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 innerStyle("-webkit-clip-path", "circle(0, 0, 0)") is "circle(0px, 0px, 0px
     )" |  | 
|    7 PASS innerStyle("-webkit-clip-path", "circle(-1px, +1px, 1px)") is "circle(-1px,
      1px, 1px)" |  | 
|    8 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)") is "circle
     (-1.5px, 1.5px, 1.5px)" |  | 
|    9 PASS innerStyle("-webkit-clip-path", "circle(-.5px, +.5px, .5px)") is "circle(-0
     .5px, 0.5px, 0.5px)" |  | 
|   10 PASS innerStyle("-webkit-clip-path", "circle(0 at 0 0)") is "circle(0px at 0% 0%
     )" |    6 PASS innerStyle("-webkit-clip-path", "circle(0 at 0 0)") is "circle(0px at 0% 0%
     )" | 
|   11 PASS innerStyle("-webkit-clip-path", "circle(1px at -1px +1px)") is "circle(1px 
     at -1px 1px)" |    7 PASS innerStyle("-webkit-clip-path", "circle(1px at -1px +1px)") is "circle(1px 
     at -1px 1px)" | 
|   12 PASS innerStyle("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)") is "circl
     e(1.5px at -1.5px 1.5px)" |    8 PASS innerStyle("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)") is "circl
     e(1.5px at -1.5px 1.5px)" | 
|   13 PASS innerStyle("-webkit-clip-path", "circle(.5px at -.5px +.5px)") is "circle(0
     .5px at -0.5px 0.5px)" |    9 PASS innerStyle("-webkit-clip-path", "circle(.5px at -.5px +.5px)") is "circle(0
     .5px at -0.5px 0.5px)" | 
|   14 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)") 
     is "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)" |  | 
|   15 PASS innerStyle("-webkit-clip-path", "circle(-1em, +1em, 1em)") is "circle(-1em,
      1em, 1em)" |  | 
|   16 PASS innerStyle("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)") is "circle
     (-1.5em, 1.5em, 1.5em)" |  | 
|   17 PASS innerStyle("-webkit-clip-path", "circle(-.5em, +.5em, .5em)") is "circle(-0
     .5em, 0.5em, 0.5em)" |  | 
|   18 PASS innerStyle("-webkit-clip-path", "circle(1ex, 1ex, 1ex)") is "circle(1ex, 1e
     x, 1ex)" |  | 
|   19 PASS innerStyle("-webkit-clip-path", "circle(1rem, 1rem, 1rem)") is "circle(1rem
     , 1rem, 1rem)" |  | 
|   20 PASS computedStyle("-webkit-clip-path", "circle(.5em, 1em, 1.5em)") is "circle(4
     px, 8px, 12px)" |  | 
|   21 PASS computedStyle("-webkit-clip-path", "circle(.5rem, 1rem, 1.5rem)") is "circl
     e(8px, 16px, 24px)" |  | 
|   22 PASS innerStyle("-webkit-clip-path", "circle(1em at -1em +1em)") is "circle(1em 
     at -1em 1em)" |   10 PASS innerStyle("-webkit-clip-path", "circle(1em at -1em +1em)") is "circle(1em 
     at -1em 1em)" | 
|   23 PASS innerStyle("-webkit-clip-path", "circle(1.5em at -1.5em +1.5em)") is "circl
     e(1.5em at -1.5em 1.5em)" |   11 PASS innerStyle("-webkit-clip-path", "circle(1.5em at -1.5em +1.5em)") is "circl
     e(1.5em at -1.5em 1.5em)" | 
|   24 PASS innerStyle("-webkit-clip-path", "circle(.5em at -.5em +.5em)") is "circle(0
     .5em at -0.5em 0.5em)" |   12 PASS innerStyle("-webkit-clip-path", "circle(.5em at -.5em +.5em)") is "circle(0
     .5em at -0.5em 0.5em)" | 
|   25 PASS innerStyle("-webkit-clip-path", "circle(1ex at 1ex 1ex)") is "circle(1ex at
      1ex 1ex)" |   13 PASS innerStyle("-webkit-clip-path", "circle(1ex at 1ex 1ex)") is "circle(1ex at
      1ex 1ex)" | 
|   26 PASS innerStyle("-webkit-clip-path", "circle(1rem at 1rem 1rem)") is "circle(1re
     m at 1rem 1rem)" |   14 PASS innerStyle("-webkit-clip-path", "circle(1rem at 1rem 1rem)") is "circle(1re
     m at 1rem 1rem)" | 
|   27 PASS computedStyle("-webkit-clip-path", "circle(1.5em at .5em 1em)") is "circle(
     12px at 4px 8px)" |   15 PASS computedStyle("-webkit-clip-path", "circle(1.5em at .5em 1em)") is "circle(
     12px at 4px 8px)" | 
|   28 PASS computedStyle("-webkit-clip-path", "circle(1.5rem at .5rem 1rem)") is "circ
     le(24px at 8px 16px)" |   16 PASS computedStyle("-webkit-clip-path", "circle(1.5rem at .5rem 1rem)") is "circ
     le(24px at 8px 16px)" | 
|   29 PASS innerStyle("-webkit-clip-path", "circle(1vw, 1vw, 1vw)") is "circle(1vw, 1v
     w, 1vw)" |  | 
|   30 PASS innerStyle("-webkit-clip-path", "circle(1vh, 1vh, 1vh)") is "circle(1vh, 1v
     h, 1vh)" |  | 
|   31 PASS innerStyle("-webkit-clip-path", "circle(1vmin, 1vmin, 1vmin)") is "circle(1
     vmin, 1vmin, 1vmin)" |  | 
|   32 PASS computedStyle("-webkit-clip-path", "circle(.5vw, 1vw, 1.5vw)") is "circle(4
     px, 8px, 12px)" |  | 
|   33 PASS computedStyle("-webkit-clip-path", "circle(.5vh, 1vh, 1.5vh)") is "circle(3
     px, 6px, 9px)" |  | 
|   34 PASS computedStyle("-webkit-clip-path", "circle(.5vmin, 1vmin, 1.5vmin)") is "ci
     rcle(3px, 6px, 9px)" |  | 
|   35 PASS innerStyle("-webkit-clip-path", "circle(1vw at 1vw 1vw)") is "circle(1vw at
      1vw 1vw)" |   17 PASS innerStyle("-webkit-clip-path", "circle(1vw at 1vw 1vw)") is "circle(1vw at
      1vw 1vw)" | 
|   36 PASS innerStyle("-webkit-clip-path", "circle(1vh at 1vh 1vh)") is "circle(1vh at
      1vh 1vh)" |   18 PASS innerStyle("-webkit-clip-path", "circle(1vh at 1vh 1vh)") is "circle(1vh at
      1vh 1vh)" | 
|   37 PASS innerStyle("-webkit-clip-path", "circle(1vmin at 1vmin 1vmin)") is "circle(
     1vmin at 1vmin 1vmin)" |   19 PASS innerStyle("-webkit-clip-path", "circle(1vmin at 1vmin 1vmin)") is "circle(
     1vmin at 1vmin 1vmin)" | 
|   38 PASS computedStyle("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)") is "circle(
     12px at 4px 8px)" |   20 PASS computedStyle("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)") is "circle(
     12px at 4px 8px)" | 
|   39 PASS computedStyle("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)") is "circle(
     9px at 3px 6px)" |   21 PASS computedStyle("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)") is "circle(
     9px at 3px 6px)" | 
|   40 PASS computedStyle("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)") is "c
     ircle(9px at 3px 6px)" |   22 PASS computedStyle("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)") is "c
     ircle(9px at 3px 6px)" | 
|   41 PASS innerStyle("-webkit-clip-path", "circle(100%, 100%, 100%)") is "circle(100%
     , 100%, 100%)" |  | 
|   42 PASS innerStyle("-webkit-clip-path", "circle(100% at 100% 100%)") is "circle(100
     % at 100% 100%)" |  | 
|   43 PASS innerStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)") 
     is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" |  | 
|   44 PASS innerStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "elli
     pse(100%, 100%, 100%, 100%)" |  | 
|   45 PASS innerStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is "p
     olygon(10% 20%, 30% 40%, 40% 50%)" |  | 
|   46 PASS computedStyle("-webkit-clip-path", "circle(50%, 100%, 150%)") is "circle(50
     %, 100%, 150%)" |  | 
|   47 PASS computedStyle("-webkit-clip-path", "circle(150% at 50% 100%)") is "circle(1
     50% at 50% 100%)" |   23 PASS computedStyle("-webkit-clip-path", "circle(150% at 50% 100%)") is "circle(1
     50% at 50% 100%)" | 
|   48 PASS computedStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)
     ") is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" |   24 PASS computedStyle("-webkit-clip-path", "inset(45% 45% 90% 60% round 25% 10%)") 
     is "inset(45% 45% 90% 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)" | 
|   49 PASS computedStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "e
     llipse(100%, 100%, 100%, 100%)" |   25 PASS computedStyle("-webkit-clip-path", "ellipse(100% 100% at 100% 100%)") is "e
     llipse(100% 100% at 100% 100%)" | 
|   50 PASS computedStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is
      "polygon(10% 20%, 30% 40%, 40% 50%)" |   26 PASS computedStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is
      "polygon(10% 20%, 30% 40%, 40% 50%)" | 
|   51 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is null |  | 
|   52 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is "none" |  | 
|   53 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, px)") is null |  | 
|   54 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, px)") is "none" |  | 
|   55 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is null |  | 
|   56 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is "none" |  | 
|   57 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is null |  | 
|   58 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is "none" |  | 
|   59 PASS innerStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is null |   27 PASS innerStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is null | 
|   60 PASS computedStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is "none" |   28 PASS computedStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is "none" | 
|   61 PASS innerStyle("-webkit-clip-path", "circle(px at 1px 1px)") is null |   29 PASS innerStyle("-webkit-clip-path", "circle(px at 1px 1px)") is null | 
|   62 PASS computedStyle("-webkit-clip-path", "circle(px at 1px 1px)") is "none" |   30 PASS computedStyle("-webkit-clip-path", "circle(px at 1px 1px)") is "none" | 
|   63 PASS innerStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is null |   31 PASS innerStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is null | 
|   64 PASS computedStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is "none" |   32 PASS computedStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is "none" | 
|   65 PASS innerStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is null |   33 PASS innerStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is null | 
|   66 PASS computedStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is "none" |   34 PASS computedStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is "none" | 
|   67 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is null |  | 
|   68 PASS computedStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is "no
     ne" |  | 
|   69 PASS innerStyle("-webkit-clip-path", "circle(-1.5px at -1.5px +1.5px)") is null |   35 PASS innerStyle("-webkit-clip-path", "circle(-1.5px at -1.5px +1.5px)") is null | 
|   70 PASS computedStyle("-webkit-clip-path", "circle(-1.5px at -1.5px +1.5px)") is "n
     one" |   36 PASS computedStyle("-webkit-clip-path", "circle(-1.5px at -1.5px +1.5px)") is "n
     one" | 
|   71 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)")
      is null |   37 PASS innerStyle("-webkit-clip-path", "inset(1cm 1mm 1in 1px round -1pt, 1pc)") i
     s null | 
|   72 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc
     )") is "none" |   38 PASS computedStyle("-webkit-clip-path", "inset(1cm 1mm 1in 1px round -1pt, 1pc)"
     ) is "none" | 
|   73 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)")
      is null |   39 PASS innerStyle("-webkit-clip-path", "inset(1cm 1mm 1in 1px round 1pt -1pc)") is
      null | 
|   74 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc
     )") is "none" |   40 PASS computedStyle("-webkit-clip-path", "inset(1cm 1mm 1in 1px round 1pt -1pc)")
      is "none" | 
|   75 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is null |   41 PASS innerStyle("-webkit-clip-path", "ellipse(-1em 1em at 1em 1em)") is null | 
|   76 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is "none
     " |   42 PASS computedStyle("-webkit-clip-path", "ellipse(-1em 1em at 1em 1em)") is "none
     " | 
|   77 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is null |   43 PASS innerStyle("-webkit-clip-path", "ellipse(1em -1em at 1em 1em)") is null | 
|   78 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is "none
     " |   44 PASS computedStyle("-webkit-clip-path", "ellipse(1em -1em at 1em 1em)") is "none
     " | 
|   79 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)")
      is null |  | 
|   80 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc
     )") is "none" |  | 
|   81 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)")
      is null |  | 
|   82 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc
     )") is "none" |  | 
|   83 PASS innerStyle("-webkit-clip-path", "circle(0, 0)") is null |  | 
|   84 PASS computedStyle("-webkit-clip-path", "circle(0, 0)") is "none" |  | 
|   85 PASS innerStyle("-webkit-clip-path", "polygon(0, 0)") is null |   45 PASS innerStyle("-webkit-clip-path", "polygon(0, 0)") is null | 
|   86 PASS computedStyle("-webkit-clip-path", "polygon(0, 0)") is "none" |   46 PASS computedStyle("-webkit-clip-path", "polygon(0, 0)") is "none" | 
|   87 PASS innerStyle("-webkit-clip-path", "polygon(0 0, 0)") is null |   47 PASS innerStyle("-webkit-clip-path", "polygon(0 0, 0)") is null | 
|   88 PASS computedStyle("-webkit-clip-path", "polygon(0 0, 0)") is "none" |   48 PASS computedStyle("-webkit-clip-path", "polygon(0 0, 0)") is "none" | 
|   89 PASS innerStyle("-webkit-clip-path", "polygon(0)") is null |   49 PASS innerStyle("-webkit-clip-path", "polygon(0)") is null | 
|   90 PASS computedStyle("-webkit-clip-path", "polygon(0)") is "none" |   50 PASS computedStyle("-webkit-clip-path", "polygon(0)") is "none" | 
|   91 PASS innerStyle("-webkit-clip-path", "polygon()") is null |   51 PASS innerStyle("-webkit-clip-path", "polygon()") is null | 
|   92 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" |   52 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" | 
|   93 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null |   53 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null | 
|   94 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" |   54 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" | 
|   95 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null |   55 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null | 
|   96 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" |   56 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" | 
|   97 PASS successfullyParsed is true |   57 PASS successfullyParsed is true | 
|   98  |   58  | 
|   99 TEST COMPLETE |   59 TEST COMPLETE | 
|  100  |   60  | 
| OLD | NEW |