This is a testharness.js-based test. PASS This test uses interpolation-test.js. PASS CSS Transitions: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (-0.3) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (0) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (0.3) is [-webkit-cross-fade(url(file:///.../stripes-100.png), url(file:///.../green-100.png), 0.3)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (0.5) is [-webkit-cross-fade(url(file:///.../stripes-100.png), url(file:///.../green-100.png), 0.5)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (0.6) is [-webkit-cross-fade(url(file:///.../stripes-100.png), url(file:///.../green-100.png), 0.6)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (1) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (1.5) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (-0.3) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (0) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (0.3) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (0.5) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (0.6) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (1) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (1.5) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (-0.3) is [url(file:///.../blue-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (0) is [url(file:///.../blue-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (0.3) is [-webkit-cross-fade(url(file:///.../blue-100.png), url(file:///.../green-100.png), 0.3)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (0.5) is [-webkit-cross-fade(url(file:///.../blue-100.png), url(file:///.../green-100.png), 0.5)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (0.6) is [-webkit-cross-fade(url(file:///.../blue-100.png), url(file:///.../green-100.png), 0.6)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (1) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (1.5) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (-0.3) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (0) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (0.3) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (0.5) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (0.6) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (1) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (1.5) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (-0.3) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (0) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (0.3) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (0.5) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (0.6) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (1) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (1.5) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (-0.3) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (0) is [url(file:///.../green-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (0.3) is [-webkit-cross-fade(url(file:///.../green-100.png), url(file:///.../stripes-100.png), 0.3)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (0.5) is [-webkit-cross-fade(url(file:///.../green-100.png), url(file:///.../stripes-100.png), 0.5)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (0.6) is [-webkit-cross-fade(url(file:///.../green-100.png), url(file:///.../stripes-100.png), 0.6)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (1) is [url(file:///.../stripes-100.png)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (1.5) is [url(file:///.../stripes-100.png)] FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "url ( file : / / / ... / green - 100.png ) " but got "linear - gradient ( 45deg , blue , orange ) " FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (0) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "url ( file : / / / ... / green - 100.png ) " but got "linear - gradient ( 45deg , blue , orange ) " FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "- webkit - cross - fade ( url ( file : / / / ... / green - 100.png ) , linear - gradient ( 45deg , blue , orange ) , 0.3 ) " but got "linear - gradient ( 45deg , blue , orange ) " FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.5) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "- webkit - cross - fade ( url ( file : / / / ... / green - 100.png ) , linear - gradient ( 45deg , blue , orange ) , 0.5 ) " but got "linear - gradient ( 45deg , blue , orange ) " FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "- webkit - cross - fade ( url ( file : / / / ... / green - 100.png ) , linear - gradient ( 45deg , blue , orange ) , 0.6 ) " but got "linear - gradient ( 45deg , blue , orange ) " PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (1) is [linear-gradient(45deg, blue, orange)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) is [linear-gradient(45deg, blue, orange)] FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "linear - gradient ( - 45deg , red , yellow ) " but got "linear - gradient ( 45deg , blue , orange ) " FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "linear - gradient ( - 45deg , red , yellow ) " but got "linear - gradient ( 45deg , blue , orange ) " FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "- webkit - cross - fade ( linear - gradient ( - 45deg , red , yellow ) , linear - gradient ( 45deg , blue , orange ) , 0.3 ) " but got "linear - gradient ( 45deg , blue , orange ) " FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.5) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "- webkit - cross - fade ( linear - gradient ( - 45deg , red , yellow ) , linear - gradient ( 45deg , blue , orange ) , 0.5 ) " but got "linear - gradient ( 45deg , blue , orange ) " FAIL CSS Transitions: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) is [linear-gradient(45deg, blue, orange)] assert_equals: expected "- webkit - cross - fade ( linear - gradient ( - 45deg , red , yellow ) , linear - gradient ( 45deg , blue , orange ) , 0.6 ) " but got "linear - gradient ( 45deg , blue , orange ) " PASS CSS Transitions: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) is [linear-gradient(45deg, blue, orange)] PASS CSS Transitions: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) is [linear-gradient(45deg, blue, orange)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (-0.3) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (0) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (0.3) is [-webkit-cross-fade(url(file:///.../stripes-100.png), url(file:///.../green-100.png), 0.3)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (0.5) is [-webkit-cross-fade(url(file:///.../stripes-100.png), url(file:///.../green-100.png), 0.5)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (0.6) is [-webkit-cross-fade(url(file:///.../stripes-100.png), url(file:///.../green-100.png), 0.6)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (1) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [] to [url(../resources/green-100.png)] at (1.5) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (-0.3) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (0) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (0.3) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (0.5) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (0.6) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (1) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [initial] to [url(../resources/green-100.png)] at (1.5) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (-0.3) is [url(file:///.../blue-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (0) is [url(file:///.../blue-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (0.3) is [-webkit-cross-fade(url(file:///.../blue-100.png), url(file:///.../green-100.png), 0.3)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (0.5) is [-webkit-cross-fade(url(file:///.../blue-100.png), url(file:///.../green-100.png), 0.5)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (0.6) is [-webkit-cross-fade(url(file:///.../blue-100.png), url(file:///.../green-100.png), 0.6)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (1) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [inherit] to [url(../resources/green-100.png)] at (1.5) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (-0.3) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (0) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (0.3) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (0.5) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (0.6) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (1) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [unset] to [url(../resources/stripes-100.png)] at (1.5) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (-0.3) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (0) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (0.3) is [none] PASS CSS Animations: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (0.5) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (0.6) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (1) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [none] to [url(../resources/stripes-100.png)] at (1.5) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (-0.3) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (0) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (0.3) is [-webkit-cross-fade(url(file:///.../green-100.png), url(file:///.../stripes-100.png), 0.3)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (0.5) is [-webkit-cross-fade(url(file:///.../green-100.png), url(file:///.../stripes-100.png), 0.5)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (0.6) is [-webkit-cross-fade(url(file:///.../green-100.png), url(file:///.../stripes-100.png), 0.6)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (1) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [url(../resources/stripes-100.png)] at (1.5) is [url(file:///.../stripes-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (-0.3) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (0) is [url(file:///.../green-100.png)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.3) is [-webkit-cross-fade(url(file:///.../green-100.png), linear-gradient(45deg, blue, orange), 0.3)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.5) is [-webkit-cross-fade(url(file:///.../green-100.png), linear-gradient(45deg, blue, orange), 0.5)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (0.6) is [-webkit-cross-fade(url(file:///.../green-100.png), linear-gradient(45deg, blue, orange), 0.6)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (1) is [linear-gradient(45deg, blue, orange)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [url(../resources/green-100.png)] to [linear-gradient(45deg, blue, orange)] at (1.5) is [linear-gradient(45deg, blue, orange)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (-0.3) is [linear-gradient(-45deg, red, yellow)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0) is [linear-gradient(-45deg, red, yellow)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.3) is [-webkit-cross-fade(linear-gradient(-45deg, red, yellow), linear-gradient(45deg, blue, orange), 0.3)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.5) is [-webkit-cross-fade(linear-gradient(-45deg, red, yellow), linear-gradient(45deg, blue, orange), 0.5)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (0.6) is [-webkit-cross-fade(linear-gradient(-45deg, red, yellow), linear-gradient(45deg, blue, orange), 0.6)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1) is [linear-gradient(45deg, blue, orange)] PASS CSS Animations: property <-webkit-mask-box-image-source> from [linear-gradient(-45deg, red, yellow)] to [linear-gradient(45deg, blue, orange)] at (1.5) is [linear-gradient(45deg, blue, orange)] Harness: the test ran to completion.