clip-path-composition.html
Details
- Test
/css/css-masking/animations/clip-path-composition.html- Harness
- OK
Subtests
| Status | Subtest |
|---|---|
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (-0.3) should be [circle(98px at 42.5px 107.5%)] assert_equals: expected "circle ( 98px at 42.5px 107.5 % ) " but got "circle ( 0px at 17.53px 82.47 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (0) should be [circle(110px at 50px 100%)] assert_equals: expected "circle ( 110px at 50px 100 % ) " but got "circle ( 10px at 25px 75 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (0.3) should be [circle(122px at 57.5px 92.5%)] assert_equals: expected "circle ( 122px at 57.5px 92.5 % ) " but got "circle ( 22.05px at 32.53px 67.47 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (0.6) should be [circle(134px at 65px 85%)] assert_equals: expected "circle ( 134px at 65px 85 % ) " but got "circle ( 34.05px at 40.03px 59.97 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (1) should be [circle(150px at 75px 75%)] assert_equals: expected "circle ( 150px at 75px 75 % ) " but got "circle ( 50px at 50px 50 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (1.5) should be [circle(170px at 87.5px 62.5%)] assert_equals: expected "circle ( 170px at 87.5px 62.5 % ) " but got "circle ( 70.05px at 62.53px 37.47 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (-0.3) should be [circle(98px at 42.5px 107.5%)] assert_equals: expected "circle ( 98px at 42.5px 107.5 % ) " but got "circle ( 100px at 25px 25 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (0) should be [circle(110px at 50px 100%)] assert_equals: expected "circle ( 110px at 50px 100 % ) " but got "circle ( 100px at 25px 25 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (0.3) should be [circle(122px at 57.5px 92.5%)] assert_equals: expected "circle ( 122px at 57.5px 92.5 % ) " but got "circle ( 100px at 25px 25 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (0.6) should be [circle(134px at 65px 85%)] assert_equals: expected "circle ( 134px at 65px 85 % ) " but got "circle ( 100px at 25px 25 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (1) should be [circle(150px at 75px 75%)] assert_equals: expected "circle ( 150px at 75px 75 % ) " but got "circle ( 100px at 25px 25 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 25px 25%)] from add [circle(10px at 25px 75%)] to add [circle(50px at 50px center)] at (1.5) should be [circle(170px at 87.5px 62.5%)] assert_equals: expected "circle ( 170px at 87.5px 62.5 % ) " but got "circle ( 100px at 25px 25 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (-0.3) should be [circle(calc(195px + -15%) at 46px 46%)] assert_equals: expected "circle ( calc ( - 15 % + 195px ) at 46px 46 % ) " but got "circle ( calc ( - 14.99 % + 64.99px ) at 20.01px 20.01 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (0) should be [circle(calc(150px + 0%) at 70px 70%)] assert_equals: expected "circle ( calc ( 0 % + 150px ) at 70px 70 % ) " but got "circle ( calc ( 0 % + 50px ) at 50px 50 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (0.3) should be [circle(calc(105px + 15%) at 94px 94%)] assert_equals: expected "circle ( calc ( 15 % + 105px ) at 94px 94 % ) " but got "circle ( calc ( 15.01 % + 34.99px ) at 80.02px 80.02 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (0.6) should be [circle(calc(60px + 30%) at 118px 118%)] assert_equals: expected "circle ( calc ( 30 % + 60px ) at 118px 118 % ) " but got "circle ( calc ( 30.01 % + 19.99px ) at 110.02px 110.02 % ) " |
| PASS | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (1) should be [circle(50% at 150px 150%)] |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (1.5) should be [circle(calc(-75px + 75%) at 190px 190%)] assert_equals: expected "circle ( calc ( 75 % - 75px ) at 190px 190 % ) " but got "circle ( calc ( 75.01 % - 25.01px ) at 200.03px 200.03 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (-0.3) should be [circle(calc(195px + -15%) at 46px 46%)] assert_equals: expected "circle ( calc ( - 15 % + 195px ) at 46px 46 % ) " but got "circle ( 100px at 20px 20 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (0) should be [circle(calc(150px + 0%) at 70px 70%)] assert_equals: expected "circle ( calc ( 0 % + 150px ) at 70px 70 % ) " but got "circle ( 100px at 20px 20 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (0.3) should be [circle(calc(105px + 15%) at 94px 94%)] assert_equals: expected "circle ( calc ( 15 % + 105px ) at 94px 94 % ) " but got "circle ( 100px at 20px 20 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (0.6) should be [circle(calc(60px + 30%) at 118px 118%)] assert_equals: expected "circle ( calc ( 30 % + 60px ) at 118px 118 % ) " but got "circle ( 100px at 20px 20 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (1) should be [circle(50% at 150px 150%)] assert_equals: expected "circle ( 50 % at 150px 150 % ) " but got "circle ( 100px at 20px 20 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(100px at 20px 20%)] from add [circle(50px at 50px 50%)] to replace [circle(50% at 150px 150%)] at (1.5) should be [circle(calc(-75px + 75%) at 190px 190%)] assert_equals: expected "circle ( calc ( 75 % - 75px ) at 190px 190 % ) " but got "circle ( 100px at 20px 20 % ) " |
| PASS | Compositing CSS Animations: property <clip-path> underlying [circle(farthest-side at 25px 75%)] from add [circle(farthest-side at 25px 75%)] to add [circle(farthest-side at 50px center)] at (0.25) should be [circle(farthest-side at 25px 75%)] |
| PASS | Compositing CSS Animations: property <clip-path> underlying [circle(farthest-side at 25px 75%)] from add [circle(farthest-side at 25px 75%)] to add [circle(farthest-side at 50px center)] at (0.75) should be [circle(farthest-side at 50px 50%)] |
| PASS | Compositing Web Animations: property <clip-path> underlying [circle(farthest-side at 25px 75%)] from add [circle(farthest-side at 25px 75%)] to add [circle(farthest-side at 50px center)] at (0.25) should be [circle(farthest-side at 25px 75%)] |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(farthest-side at 25px 75%)] from add [circle(farthest-side at 25px 75%)] to add [circle(farthest-side at 50px center)] at (0.75) should be [circle(farthest-side at 50px 50%)] assert_equals: expected "circle ( farthest - side at 50px 50 % ) " but got "circle ( farthest - side at 25px 75 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [circle(50px at 10px 20px)] from add [circle(50px at 10px 20px)] to add [circle(farthest-side at 30px 40px)] at (0.25) should be [circle(100px at 20px 40px)] assert_equals: expected "circle ( 100px at 20px 40px ) " but got "circle ( 50px at 10px 20px ) " |
| PASS | Compositing CSS Animations: property <clip-path> underlying [circle(50px at 10px 20px)] from add [circle(50px at 10px 20px)] to add [circle(farthest-side at 30px 40px)] at (0.75) should be [circle(farthest-side at 30px 40px)] |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(50px at 10px 20px)] from add [circle(50px at 10px 20px)] to add [circle(farthest-side at 30px 40px)] at (0.25) should be [circle(100px at 20px 40px)] assert_equals: expected "circle ( 100px at 20px 40px ) " but got "circle ( 50px at 10px 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [circle(50px at 10px 20px)] from add [circle(50px at 10px 20px)] to add [circle(farthest-side at 30px 40px)] at (0.75) should be [circle(farthest-side at 30px 40px)] assert_equals: expected "circle ( farthest - side at 30px 40px ) " but got "circle ( 50px at 10px 20px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (-0.3) should be [ellipse(20px 20px at 20px 20px)] assert_equals: expected "ellipse ( 20px 20px at 20px 20px ) " but got "ellipse ( 10.02px 0.02px at - 9.98px - 19.98px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (0) should be [ellipse(50px 50px at 50px 50px)] assert_equals: expected "ellipse ( 50px 50px at 50px 50px ) " but got "ellipse ( 40px 30px at 20px 10px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (0.3) should be [ellipse(80px 80px at 80px 80px)] assert_equals: expected "ellipse ( 80px 80px at 80px 80px ) " but got "ellipse ( 70.02px 60.02px at 50.02px 40.02px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (0.6) should be [ellipse(110px 110px at 110px 110px)] assert_equals: expected "ellipse ( 110px 110px at 110px 110px ) " but got "ellipse ( 100.02px 90.02px at 80.02px 70.02px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (1) should be [ellipse(150px 150px at 150px 150px)] assert_equals: expected "ellipse ( 150px 150px at 150px 150px ) " but got "ellipse ( 140px 130px at 120px 110px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (1.5) should be [ellipse(200px 200px at 200px 200px)] assert_equals: expected "ellipse ( 200px 200px at 200px 200px ) " but got "ellipse ( 190.02px 180.02px at 170.02px 160.02px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (-0.3) should be [ellipse(20px 20px at 20px 20px)] assert_equals: expected "ellipse ( 20px 20px at 20px 20px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (0) should be [ellipse(50px 50px at 50px 50px)] assert_equals: expected "ellipse ( 50px 50px at 50px 50px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (0.3) should be [ellipse(80px 80px at 80px 80px)] assert_equals: expected "ellipse ( 80px 80px at 80px 80px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (0.6) should be [ellipse(110px 110px at 110px 110px)] assert_equals: expected "ellipse ( 110px 110px at 110px 110px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (1) should be [ellipse(150px 150px at 150px 150px)] assert_equals: expected "ellipse ( 150px 150px at 150px 150px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from add [ellipse(40px 30px at 20px 10px)] to add [ellipse(140px 130px at 120px 110px)] at (1.5) should be [ellipse(200px 200px at 200px 200px)] assert_equals: expected "ellipse ( 200px 200px at 200px 200px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (-0.3) should be [ellipse(37px 24px at 11px -2px)] assert_equals: expected "ellipse ( 37px 24px at 11px - 2px ) " but got "ellipse ( 40px 30px at 20px 10px ) " |
| PASS | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (0) should be [ellipse(40px 30px at 20px 10px)] |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (0.3) should be [ellipse(43px 36px at 29px 22px)] assert_equals: expected "ellipse ( 43px 36px at 29px 22px ) " but got "ellipse ( 40px 30px at 20px 10px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (0.6) should be [ellipse(46px 42px at 38px 34px)] assert_equals: expected "ellipse ( 46px 42px at 38px 34px ) " but got "ellipse ( 40px 30px at 20px 10px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (1) should be [ellipse(50px 50px at 50px 50px)] assert_equals: expected "ellipse ( 50px 50px at 50px 50px ) " but got "ellipse ( 40px 30px at 20px 10px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (1.5) should be [ellipse(55px 60px at 65px 70px)] assert_equals: expected "ellipse ( 55px 60px at 65px 70px ) " but got "ellipse ( 40px 30px at 20px 10px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (-0.3) should be [ellipse(37px 24px at 11px -2px)] assert_equals: expected "ellipse ( 37px 24px at 11px - 2px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (0) should be [ellipse(40px 30px at 20px 10px)] assert_equals: expected "ellipse ( 40px 30px at 20px 10px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (0.3) should be [ellipse(43px 36px at 29px 22px)] assert_equals: expected "ellipse ( 43px 36px at 29px 22px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (0.6) should be [ellipse(46px 42px at 38px 34px)] assert_equals: expected "ellipse ( 46px 42px at 38px 34px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (1) should be [ellipse(50px 50px at 50px 50px)] assert_equals: expected "ellipse ( 50px 50px at 50px 50px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(10px 20px at 30px 40px)] from replace [ellipse(40px 30px at 20px 10px)] to add [ellipse(40px 30px at 20px 10px)] at (1.5) should be [ellipse(55px 60px at 65px 70px)] assert_equals: expected "ellipse ( 55px 60px at 65px 70px ) " but got "ellipse ( 10px 20px at 30px 40px ) " |
| PASS | Compositing CSS Animations: property <clip-path> underlying [ellipse(25px 75%)] from add [ellipse()] to add [ellipse(closest-side farthest-side)] at (0.25) should be [ellipse()] |
| PASS | Compositing CSS Animations: property <clip-path> underlying [ellipse(25px 75%)] from add [ellipse()] to add [ellipse(closest-side farthest-side)] at (0.75) should be [ellipse(closest-side farthest-side)] |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(25px 75%)] from add [ellipse()] to add [ellipse(closest-side farthest-side)] at (0.25) should be [ellipse()] assert_equals: expected "ellipse ( ) " but got "ellipse ( 25px 75 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [ellipse(25px 75%)] from add [ellipse()] to add [ellipse(closest-side farthest-side)] at (0.75) should be [ellipse(closest-side farthest-side)] assert_equals: expected "ellipse ( closest - side farthest - side ) " but got "ellipse ( 25px 75 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (-0.3) should be [inset(calc(46px + -12%))] assert_equals: expected "inset ( calc ( - 12 % + 46px ) ) " but got "inset ( calc ( - 12 % + 26px ) ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (0) should be [inset(calc(40px + 0%))] assert_equals: expected "inset ( calc ( 0 % + 40px ) ) " but got "inset ( calc ( 0 % + 20px ) ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (0.3) should be [inset(calc(34px + 12%))] assert_equals: expected "inset ( calc ( 12 % + 34px ) ) " but got "inset ( calc ( 12 % + 14px ) ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (0.6) should be [inset(calc(28px + 24%))] assert_equals: expected "inset ( calc ( 24 % + 28px ) ) " but got "inset ( calc ( 24 % + 8px ) ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (1) should be [inset(calc(20px + 40%))] assert_equals: expected "inset ( calc ( 40 % + 20px ) ) " but got "inset ( 40 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (1.5) should be [inset(calc(10px + 60%))] assert_equals: expected "inset ( calc ( 60 % + 10px ) ) " but got "inset ( calc ( 60.01 % - 10.01px ) ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (-0.3) should be [inset(calc(46px + -12%))] assert_equals: expected "inset ( calc ( - 12 % + 46px ) ) " but got "inset ( 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (0) should be [inset(calc(40px + 0%))] assert_equals: expected "inset ( calc ( 0 % + 40px ) ) " but got "inset ( 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (0.3) should be [inset(calc(34px + 12%))] assert_equals: expected "inset ( calc ( 12 % + 34px ) ) " but got "inset ( 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (0.6) should be [inset(calc(28px + 24%))] assert_equals: expected "inset ( calc ( 24 % + 28px ) ) " but got "inset ( 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (1) should be [inset(calc(20px + 40%))] assert_equals: expected "inset ( calc ( 40 % + 20px ) ) " but got "inset ( 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(20px)] from add [inset(20px)] to add [inset(40%)] at (1.5) should be [inset(calc(10px + 60%))] assert_equals: expected "inset ( calc ( 60 % + 10px ) ) " but got "inset ( 20px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (-0.3) should be [inset(-28px -26px -24px -22px round 0px 10px 30px 50px / 70px 90px 110px 130px)] assert_equals: expected "inset ( - 28px - 26px - 24px - 22px round 0px 10px 30px 50px / 70px 90px 110px 130px ) " but got "inset ( - 29.3px - 28.6px - 27.9px - 27.2px round 0px / 5px 12px 19.01px 26.0… |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (0) should be [inset(2px 4px 6px 8px round 20px 40px 60px 80px / 100px 120px 140px 160px)] assert_equals: expected "inset ( 2px 4px 6px 8px round 20px 40px 60px 80px / 100px 120px 140px 160px ) " but got "inset ( 1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (0.25) should be [inset(27px 29px 31px 33px round 45px 65px 85px 105px / 125px 145px 165px 185px)] assert_equals: expected "inset ( 27px 29px 31px 33px round 45px 65px 85px 105px / 125px 145px 165px 185px ) " but got "inset ( 26.27px 27.52px 28.77px 30.02px round 37.53px 50.03px 62.53px 75.03px / 8… |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (0.75) should be [inset(77px 79px 81px 83px round 95px 115px 135px 155px / 175px 195px 215px 235px)] assert_equals: expected "inset ( 77px 79px 81px 83px round 95px 115px 135px 155px / 175px 195px 215px 235px ) " but got "inset ( 76.77px 78.53px 80.28px 82.03px round 92.53px 110.03px 127.53px 145.03p… |
| PASS | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (1) should be [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (1.5) should be [inset(152px 154px 156px 158px round 170px 190px 210px 230px / 250px 270px 290px 310px)] assert_equals: expected "inset ( 152px 154px 156px 158px round 170px 190px 210px 230px / 250px 270px 290px 310px ) " but got "inset ( 152.53px 155.03px 157.53px 160.03px round 175.03px 200.03px 225.04… |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (-0.3) should be [inset(-28px -26px -24px -22px round 0px 10px 30px 50px / 70px 90px 110px 130px)] assert_equals: expected "inset ( - 28px - 26px - 24px - 22px round 0px 10px 30px 50px / 70px 90px 110px 130px ) " but got "inset ( 1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (0) should be [inset(2px 4px 6px 8px round 20px 40px 60px 80px / 100px 120px 140px 160px)] assert_equals: expected "inset ( 2px 4px 6px 8px round 20px 40px 60px 80px / 100px 120px 140px 160px ) " but got "inset ( 1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (0.25) should be [inset(27px 29px 31px 33px round 45px 65px 85px 105px / 125px 145px 165px 185px)] assert_equals: expected "inset ( 27px 29px 31px 33px round 45px 65px 85px 105px / 125px 145px 165px 185px ) " but got "inset ( 1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (0.75) should be [inset(77px 79px 81px 83px round 95px 115px 135px 155px / 175px 195px 215px 235px)] assert_equals: expected "inset ( 77px 79px 81px 83px round 95px 115px 135px 155px / 175px 195px 215px 235px ) " but got "inset ( 1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (1) should be [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] assert_equals: expected "inset ( 102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px ) " but got "inset ( 1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px ) … |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] from add [inset(1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px)] to replace [inset(102px 104px 106px 108px round 120px 140px 160px 180px / 200px 220px 240px 260px)] at (1.5) should be [inset(152px 154px 156px 158px round 170px 190px 210px 230px / 250px 270px 290px 310px)] assert_equals: expected "inset ( 152px 154px 156px 158px round 170px 190px 210px 230px / 250px 270px 290px 310px ) " but got "inset ( 1px 2px 3px 4px round 10px 20px 30px 40px / 50px 60px 70px 80px ) … |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-28px -26px round 230px 460px)] assert_equals: expected "inset ( - 28px - 26px round 230px 460px ) " but got "inset ( - 28.99px - 27.99px round 129.99px 259.98px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (0) should be [inset(2px 4px round 200px 400px)] assert_equals: expected "inset ( 2px 4px round 200px 400px ) " but got "inset ( 1px 2px round 100px 200px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (0.3) should be [inset(32px 34px round 170px 340px)] assert_equals: expected "inset ( 32px 34px round 170px 340px ) " but got "inset ( 31.02px 32.02px round 69.98px 139.97px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (0.6) should be [inset(62px 64px round 140px 280px)] assert_equals: expected "inset ( 62px 64px round 140px 280px ) " but got "inset ( 61.02px 62.02px round 39.98px 79.96px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (1) should be [inset(102px 104px round 100px 200px)] assert_equals: expected "inset ( 102px 104px round 100px 200px ) " but got "inset ( 101px 102px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (1.5) should be [inset(152px 154px round 50px 100px)] assert_equals: expected "inset ( 152px 154px round 50px 100px ) " but got "inset ( 151.02px 152.02px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (-0.3) should be [inset(-28px -26px round 230px 460px)] assert_equals: expected "inset ( - 28px - 26px round 230px 460px ) " but got "inset ( 1px 2px round 100px 200px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (0) should be [inset(2px 4px round 200px 400px)] assert_equals: expected "inset ( 2px 4px round 200px 400px ) " but got "inset ( 1px 2px round 100px 200px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (0.3) should be [inset(32px 34px round 170px 340px)] assert_equals: expected "inset ( 32px 34px round 170px 340px ) " but got "inset ( 1px 2px round 100px 200px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (0.6) should be [inset(62px 64px round 140px 280px)] assert_equals: expected "inset ( 62px 64px round 140px 280px ) " but got "inset ( 1px 2px round 100px 200px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (1) should be [inset(102px 104px round 100px 200px)] assert_equals: expected "inset ( 102px 104px round 100px 200px ) " but got "inset ( 1px 2px round 100px 200px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [inset(1px 2px round 100px 200px)] from add [inset(1px 2px round 100px 200px)] to add [inset(101px 102px 101px 102px)] at (1.5) should be [inset(152px 154px round 50px 100px)] assert_equals: expected "inset ( 152px 154px round 50px 100px ) " but got "inset ( 1px 2px round 100px 200px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (-0.3) should be [polygon(-10px 10%, 30px 50%)] assert_equals: expected "polygon ( - 10px 10 % , 30px 50 % ) " but got "polygon ( - 20px - 10 % , 0px 10 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (0) should be [polygon(20px 40%, 60px 80%)] assert_equals: expected "polygon ( 20px 40 % , 60px 80 % ) " but got "polygon ( 10px 20 % , 30px 40 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (0.3) should be [polygon(50px 70%, 90px 110%)] assert_equals: expected "polygon ( 50px 70 % , 90px 110 % ) " but got "polygon ( 40.01px 50.01 % , 60.01px 70.01 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (0.6) should be [polygon(80px 100%, 120px 140%)] assert_equals: expected "polygon ( 80px 100 % , 120px 140 % ) " but got "polygon ( 70.01px 80.01 % , 90.01px 100.01 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (1) should be [polygon(120px 140%, 160px 180%)] assert_equals: expected "polygon ( 120px 140 % , 160px 180 % ) " but got "polygon ( 110px 120 % , 130px 140 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (1.5) should be [polygon(170px 190%, 210px 230%)] assert_equals: expected "polygon ( 170px 190 % , 210px 230 % ) " but got "polygon ( 160.02px 170.02 % , 180.02px 190.02 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (-0.3) should be [polygon(-10px 10%, 30px 50%)] assert_equals: expected "polygon ( - 10px 10 % , 30px 50 % ) " but got "polygon ( 10px 20 % , 30px 40 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (0) should be [polygon(20px 40%, 60px 80%)] assert_equals: expected "polygon ( 20px 40 % , 60px 80 % ) " but got "polygon ( 10px 20 % , 30px 40 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (0.3) should be [polygon(50px 70%, 90px 110%)] assert_equals: expected "polygon ( 50px 70 % , 90px 110 % ) " but got "polygon ( 10px 20 % , 30px 40 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (0.6) should be [polygon(80px 100%, 120px 140%)] assert_equals: expected "polygon ( 80px 100 % , 120px 140 % ) " but got "polygon ( 10px 20 % , 30px 40 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (1) should be [polygon(120px 140%, 160px 180%)] assert_equals: expected "polygon ( 120px 140 % , 160px 180 % ) " but got "polygon ( 10px 20 % , 30px 40 % ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(10px 20%, 30px 40%)] from add [polygon(10px 20%, 30px 40%)] to add [polygon(110px 120%, 130px 140%)] at (1.5) should be [polygon(170px 190%, 210px 230%)] assert_equals: expected "polygon ( 170px 190 % , 210px 230 % ) " but got "polygon ( 10px 20 % , 30px 40 % ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (-0.3) should be [polygon(evenodd, -10px 10px)] assert_equals: expected "polygon ( evenodd , - 10px 10px ) " but got "polygon ( evenodd , - 20px - 10px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (0) should be [polygon(evenodd, 20px 40px)] assert_equals: expected "polygon ( evenodd , 20px 40px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (0.3) should be [polygon(evenodd, 50px 70px)] assert_equals: expected "polygon ( evenodd , 50px 70px ) " but got "polygon ( evenodd , 40.01px 50.01px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (0.6) should be [polygon(evenodd, 80px 100px)] assert_equals: expected "polygon ( evenodd , 80px 100px ) " but got "polygon ( evenodd , 70.01px 80.01px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (1) should be [polygon(evenodd, 120px 140px)] assert_equals: expected "polygon ( evenodd , 120px 140px ) " but got "polygon ( evenodd , 110px 120px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (1.5) should be [polygon(evenodd, 170px 190px)] assert_equals: expected "polygon ( evenodd , 170px 190px ) " but got "polygon ( evenodd , 160.01px 170.01px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (-0.3) should be [polygon(evenodd, -10px 10px)] assert_equals: expected "polygon ( evenodd , - 10px 10px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (0) should be [polygon(evenodd, 20px 40px)] assert_equals: expected "polygon ( evenodd , 20px 40px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (0.3) should be [polygon(evenodd, 50px 70px)] assert_equals: expected "polygon ( evenodd , 50px 70px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (0.6) should be [polygon(evenodd, 80px 100px)] assert_equals: expected "polygon ( evenodd , 80px 100px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (1) should be [polygon(evenodd, 120px 140px)] assert_equals: expected "polygon ( evenodd , 120px 140px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(evenodd, 110px 120px)] at (1.5) should be [polygon(evenodd, 170px 190px)] assert_equals: expected "polygon ( evenodd , 170px 190px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (-0.3) should be [polygon(round 14px, -10px 10px, 30px 50px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (0) should be [polygon(round 20px, 20px 40px, 60px 80px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (0.3) should be [polygon(round 26px, 50px 70px, 90px 110px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (0.6) should be [polygon(round 32px, 80px 100px, 120px 140px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (1) should be [polygon(round 40px, 120px 140px, 160px 180px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (1.5) should be [polygon(round 50px, 170px 190px, 210px 230px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (-0.3) should be [polygon(round 14px, -10px 10px, 30px 50px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (0) should be [polygon(round 20px, 20px 40px, 60px 80px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (0.3) should be [polygon(round 26px, 50px 70px, 90px 110px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (0.6) should be [polygon(round 32px, 80px 100px, 120px 140px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (1) should be [polygon(round 40px, 120px 140px, 160px 180px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(round 10px, 10px 20px, 30px 40px)] from add [polygon(round 10px, 10px 20px, 30px 40px)] to add [polygon(round 30px, 110px 120px, 130px 140px)] at (1.5) should be [polygon(round 50px, 170px 190px, 210px 230px)] assert_true: 'from' value should be supported expected true got false |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(nonzero, 30px 40px)] at (0.25) should be [polygon(evenodd, 20px 40px)] assert_equals: expected "polygon ( evenodd , 20px 40px ) " but got "polygon ( evenodd , 10px 20px ) " |
| PASS | Compositing CSS Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(nonzero, 30px 40px)] at (0.75) should be [polygon(30px 40px)] |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(nonzero, 30px 40px)] at (0.25) should be [polygon(evenodd, 20px 40px)] assert_equals: expected "polygon ( evenodd , 20px 40px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(evenodd, 10px 20px)] from add [polygon(evenodd, 10px 20px)] to add [polygon(nonzero, 30px 40px)] at (0.75) should be [polygon(30px 40px)] assert_equals: expected "polygon ( 30px 40px ) " but got "polygon ( evenodd , 10px 20px ) " |
| FAIL | Compositing CSS Animations: property <clip-path> underlying [polygon(10px 20px, 30px 40px)] from add [polygon(10px 20px, 30px 40px)] to add [polygon(30px 40px)] at (0.25) should be [polygon(20px 40px, 60px 80px)] assert_equals: expected "polygon ( 20px 40px , 60px 80px ) " but got "polygon ( 10px 20px , 30px 40px ) " |
| PASS | Compositing CSS Animations: property <clip-path> underlying [polygon(10px 20px, 30px 40px)] from add [polygon(10px 20px, 30px 40px)] to add [polygon(30px 40px)] at (0.75) should be [polygon(30px 40px)] |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(10px 20px, 30px 40px)] from add [polygon(10px 20px, 30px 40px)] to add [polygon(30px 40px)] at (0.25) should be [polygon(20px 40px, 60px 80px)] assert_equals: expected "polygon ( 20px 40px , 60px 80px ) " but got "polygon ( 10px 20px , 30px 40px ) " |
| FAIL | Compositing Web Animations: property <clip-path> underlying [polygon(10px 20px, 30px 40px)] from add [polygon(10px 20px, 30px 40px)] to add [polygon(30px 40px)] at (0.75) should be [polygon(30px 40px)] assert_equals: expected "polygon ( 30px 40px ) " but got "polygon ( 10px 20px , 30px 40px ) " |