clip-composition.html

FAILExpected56 of 72 subtests pass505 ms

Details

Test
/css/css-masking/animations/clip-composition.html
Harness
OK

Subtests

StatusSubtestMessage
PASSCompositing CSS Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (-1) should be [rect(-60px -40px -20px 0px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (0) should be [rect(40px 60px 80px 100px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (0.25) should be [rect(65px 85px 105px 125px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (0.75) should be [rect(115px 135px 155px 175px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (1) should be [rect(140px 160px 180px 200px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (2) should be [rect(240px 260px 280px 300px)]
FAILCompositing Web Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (-1) should be [rect(-60px -40px -20px 0px)]
assert_equals: expected "rect ( - 60px , - 40px , - 20px , 0px ) " but got "rect ( 40px , 50px , 60px , 70px ) "
assert_equals: expected "rect ( - 60px , - 40px , - 20px , 0px ) " but got "rect ( 40px , 50px , 60px , 70px ) "
FAILCompositing Web Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (0) should be [rect(40px 60px 80px 100px)]
assert_equals: expected "rect ( 40px , 60px , 80px , 100px ) " but got "rect ( 40px , 50px , 60px , 70px ) "
assert_equals: expected "rect ( 40px , 60px , 80px , 100px ) " but got "rect ( 40px , 50px , 60px , 70px ) "
FAILCompositing Web Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (0.25) should be [rect(65px 85px 105px 125px)]
assert_equals: expected "rect ( 65px , 85px , 105px , 125px ) " but got "rect ( 65px , 75px , 85px , 95px ) "
assert_equals: expected "rect ( 65px , 85px , 105px , 125px ) " but got "rect ( 65px , 75px , 85px , 95px ) "
FAILCompositing Web Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (0.75) should be [rect(115px 135px 155px 175px)]
assert_equals: expected "rect ( 115px , 135px , 155px , 175px ) " but got "rect ( 115px , 125px , 135px , 145px ) "
assert_equals: expected "rect ( 115px , 135px , 155px , 175px ) " but got "rect ( 115px , 125px , 135px , 145px ) "
FAILCompositing Web Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (1) should be [rect(140px 160px 180px 200px)]
assert_equals: expected "rect ( 140px , 160px , 180px , 200px ) " but got "rect ( 140px , 150px , 160px , 170px ) "
assert_equals: expected "rect ( 140px , 160px , 180px , 200px ) " but got "rect ( 140px , 150px , 160px , 170px ) "
FAILCompositing Web Animations: property <clip> underlying [rect(0px 10px 20px 30px)] from add [rect(40px 50px 60px 70px)] to add [rect(140px 150px 160px 170px)] at (2) should be [rect(240px 260px 280px 300px)]
assert_equals: expected "rect ( 240px , 260px , 280px , 300px ) " but got "rect ( 140px , 150px , 160px , 170px ) "
assert_equals: expected "rect ( 240px , 260px , 280px , 300px ) " but got "rect ( 140px , 150px , 160px , 170px ) "
PASSCompositing CSS Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (-1) should be [rect(-100px -100px -100px -100px)]
PASSCompositing CSS Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (0) should be [rect(0px 0px 0px 0px)]
PASSCompositing CSS Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (0.25) should be [rect(25px 25px 25px 25px)]
PASSCompositing CSS Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (0.75) should be [rect(75px 75px 75px 75px)]
PASSCompositing CSS Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (1) should be [rect(100px 100px 100px 100px)]
PASSCompositing CSS Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (2) should be [rect(200px 200px 200px 200px)]
FAILCompositing Web Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (-1) should be [rect(-100px -100px -100px -100px)]
assert_equals: expected "rect ( - 100px , - 100px , - 100px , - 100px ) " but got "rect ( 0px , 0px , 0px , 0px ) "
assert_equals: expected "rect ( - 100px , - 100px , - 100px , - 100px ) " but got "rect ( 0px , 0px , 0px , 0px ) "
PASSCompositing Web Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (0) should be [rect(0px 0px 0px 0px)]
PASSCompositing Web Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (0.25) should be [rect(25px 25px 25px 25px)]
PASSCompositing Web Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (0.75) should be [rect(75px 75px 75px 75px)]
PASSCompositing Web Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (1) should be [rect(100px 100px 100px 100px)]
FAILCompositing Web Animations: property <clip> underlying [auto] from add [rect(0px 0px 0px 0px)] to add [rect(100px 100px 100px 100px)] at (2) should be [rect(200px 200px 200px 200px)]
assert_equals: expected "rect ( 200px , 200px , 200px , 200px ) " but got "rect ( 100px , 100px , 100px , 100px ) "
assert_equals: expected "rect ( 200px , 200px , 200px , 200px ) " but got "rect ( 100px , 100px , 100px , 100px ) "
FAILCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (-1) should be [rect(100px auto auto 100px)]
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
FAILCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (0) should be [rect(100px auto auto 100px)]
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
FAILCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (0.25) should be [rect(100px auto auto 100px)]
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (0.75) should be [rect(100px 100px 100px 100px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (1) should be [rect(100px 100px 100px 100px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (2) should be [rect(100px 100px 100px 100px)]
FAILCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (-1) should be [rect(100px auto auto 100px)]
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
FAILCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (0) should be [rect(100px auto auto 100px)]
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
FAILCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (0.25) should be [rect(100px auto auto 100px)]
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
assert_equals: expected "rect ( 100px , auto , auto , 100px ) " but got "rect ( 50px , auto , auto , 50px ) "
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (0.75) should be [rect(100px 100px 100px 100px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (1) should be [rect(100px 100px 100px 100px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px 100px 100px 100px)] at (2) should be [rect(100px 100px 100px 100px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (-1) should be [rect(0px auto auto 0px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (0) should be [rect(50px auto auto 50px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (0.25) should be [rect(62.5px auto auto 62.5px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (0.75) should be [rect(87.5px auto auto 87.5px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (1) should be [rect(100px auto auto 100px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (2) should be [rect(150px auto auto 150px)]
FAILCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (-1) should be [rect(0px auto auto 0px)]
assert_equals: expected "rect ( 0px , auto , auto , 0px ) " but got "rect ( 50px , auto , auto , 50px ) "
assert_equals: expected "rect ( 0px , auto , auto , 0px ) " but got "rect ( 50px , auto , auto , 50px ) "
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (0) should be [rect(50px auto auto 50px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (0.25) should be [rect(62.5px auto auto 62.5px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (0.75) should be [rect(87.5px auto auto 87.5px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (1) should be [rect(100px auto auto 100px)]
FAILCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [rect(100px auto auto 100px)] at (2) should be [rect(150px auto auto 150px)]
assert_equals: expected "rect ( 150px , auto , auto , 150px ) " but got "rect ( 100px , auto , auto , 100px ) "
assert_equals: expected "rect ( 150px , auto , auto , 150px ) " but got "rect ( 100px , auto , auto , 100px ) "
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (-1) should be [rect(50px 50px 50px 50px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (0) should be [rect(50px 50px 50px 50px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (0.25) should be [rect(50px 50px 50px 50px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (0.75) should be [rect(100px auto auto 100px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (1) should be [rect(100px auto auto 100px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (2) should be [rect(100px auto auto 100px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (-1) should be [rect(50px 50px 50px 50px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (0) should be [rect(50px 50px 50px 50px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (0.25) should be [rect(50px 50px 50px 50px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (0.75) should be [rect(100px auto auto 100px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (1) should be [rect(100px auto auto 100px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px auto auto 50px)] from add [rect(50px 50px 50px 50px)] to replace [rect(100px auto auto 100px)] at (2) should be [rect(100px auto auto 100px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (-1) should be [rect(50px auto auto 50px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (0) should be [rect(50px auto auto 50px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (0.25) should be [rect(50px auto auto 50px)]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (0.75) should be [auto]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (1) should be [auto]
PASSCompositing CSS Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (2) should be [auto]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (-1) should be [rect(50px auto auto 50px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (0) should be [rect(50px auto auto 50px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (0.25) should be [rect(50px auto auto 50px)]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (0.75) should be [auto]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (1) should be [auto]
PASSCompositing Web Animations: property <clip> underlying [rect(50px 50px 50px 50px)] from add [rect(50px auto auto 50px)] to add [auto] at (2) should be [auto]