third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation-expected.txt - Issue 1379263002: Don't use pairwise keyframe interpolation at fractions 0 and 1.

Unified Diff: third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation-expected.txt

Issue 1379263002: Don't use pairwise keyframe interpolation at fractions 0 and 1. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@_listInterpolationFunctions

Patch Set: Created 5 years, 3 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/interpolation/text-shadow-interpolation.html » ('j') | third_party/WebKit/Source/core/animation/InvalidatableStyleInterpolation.h » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation-expected.txt

diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation-expected.txt b/third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation-expected.txt

index e5e7cc55d7fc4d5d47d5262e87fde115f79c3495..c8209e17808ad0f33a907ace5537dfd30fb36833 100644

--- a/third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation-expected.txt

+++ b/third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation-expected.txt

@@ -7,7 +7,7 @@ PASS CSS Transitions: property <box-shadow> from [] to [20px 20px 20px 20px blac

PASS CSS Transitions: property <box-shadow> from [] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

PASS CSS Transitions: property <box-shadow> from [] to [20px 20px 20px 20px black] at (1.5) is [rgb(0, 0, 0) 25px 15px 25px 15px]

PASS CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (-0.3) is [rgba(0, 0, 0, 0) -6px -6px 0px -6px]

-FAIL CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) is [none] assert_equals: expected "rgba ( 0 , 0 , 0 , 0 ) 0px 0px 0px 0px " but got "none "

+PASS CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) is [none]

PASS CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.3) is [rgba(0, 0, 0, 0.301961) 6px 6px 6px 6px]

PASS CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.6) is [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]

PASS CSS Transitions: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

@@ -19,7 +19,7 @@ PASS CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20

PASS CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

PASS CSS Transitions: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1.5) is [rgb(0, 0, 0) 15px 25px 15px 25px]

PASS CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (-0.3) is [rgba(0, 0, 0, 0) -6px -6px 0px -6px]

-FAIL CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) is [none] assert_equals: expected "rgba ( 0 , 0 , 0 , 0 ) 0px 0px 0px 0px " but got "none "

+PASS CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) is [none]

PASS CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.3) is [rgba(0, 0, 0, 0.301961) 6px 6px 6px 6px]

PASS CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.6) is [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]

PASS CSS Transitions: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

@@ -52,7 +52,7 @@ PASS CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.

PASS CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) is [rgba(255, 255, 0, 0.498039) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset]

PASS CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) is [rgba(255, 255, 0, 0.34902) 7px 14px 0px 0px, rgba(0, 128, 0, 0.701961) 3.5px 21px 0px 0px inset]

FAIL CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.6) is [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 127, 0, 0.4) 2px 12px 0px 0px inset] assert_equals: expected "rgba ( 255 , 255 , 0 , 0.2 ) 4px 8px 0px 0px , rgba ( 0 , 128 , 0 , 0.4 ) 2px 12px 0px 0px inset " but got "rgba ( 255 , 255 , 0 , 0.2 ) 4px 8px 0px 0px , rgba ( 0 , 127 , 0 , 0.4 ) 2px 12px 0px 0px inset "

-FAIL CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) is [none] assert_equals: expected "rgba ( 0 , 0 , 0 , 0 ) 0px 0px 0px 0px , rgba ( 0 , 0 , 0 , 0 ) 0px 0px 0px 0px inset " but got "none "

+PASS CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) is [none]

PASS CSS Transitions: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1.5) is [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset]

PASS CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) is [rgb(0, 128, 0) 5px 10px 0px 0px inset, rgb(0, 0, 255) 15px 20px 0px 0px]

PASS CSS Transitions: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) is [rgb(0, 128, 0) 5px 10px 0px 0px inset, rgb(0, 0, 255) 15px 20px 0px 0px]

@@ -68,7 +68,7 @@ PASS CSS Animations: property <box-shadow> from [] to [20px 20px 20px 20px black

PASS CSS Animations: property <box-shadow> from [] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

PASS CSS Animations: property <box-shadow> from [] to [20px 20px 20px 20px black] at (1.5) is [rgb(0, 0, 0) 25px 15px 25px 15px]

PASS CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (-0.3) is [rgba(0, 0, 0, 0) -6px -6px 0px -6px]

-PASS CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) is [rgba(0, 0, 0, 0) 0px 0px 0px 0px]

+PASS CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) is [none]

PASS CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.3) is [rgba(0, 0, 0, 0.301961) 6px 6px 6px 6px]

PASS CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.6) is [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]

PASS CSS Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

@@ -80,7 +80,7 @@ PASS CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20p

PASS CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

PASS CSS Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1.5) is [rgb(0, 0, 0) 15px 25px 15px 25px]

PASS CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (-0.3) is [rgba(0, 0, 0, 0) -6px -6px 0px -6px]

-PASS CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) is [rgba(0, 0, 0, 0) 0px 0px 0px 0px]

+PASS CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) is [none]

PASS CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.3) is [rgba(0, 0, 0, 0.301961) 6px 6px 6px 6px]

PASS CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.6) is [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]

PASS CSS Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

@@ -113,7 +113,7 @@ PASS CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5

PASS CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) is [rgba(255, 255, 0, 0.498039) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset]

PASS CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) is [rgba(255, 255, 0, 0.34902) 7px 14px 0px 0px, rgba(0, 128, 0, 0.701961) 3.5px 21px 0px 0px inset]

PASS CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.6) is [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset]

-PASS CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) is [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset]

+PASS CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) is [none]

PASS CSS Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1.5) is [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset]

PASS CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) is [rgb(255, 255, 0) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 10px 0px 0px]

PASS CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) is [rgb(255, 255, 0) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 10px 0px 0px]

@@ -123,7 +123,7 @@ PASS CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px gree

PASS CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1) is [rgb(0, 128, 0) 5px 10px 0px 0px inset, rgb(0, 0, 255) 15px 20px 0px 0px]

PASS CSS Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (1.5) is [rgb(0, 128, 0) 5px 10px 0px 0px inset, rgb(0, 0, 255) 15px 20px 0px 0px]

PASS Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (-0.3) is [rgba(0, 0, 0, 0) -6px -6px 0px -6px]

-PASS Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) is [rgba(0, 0, 0, 0) 0px 0px 0px 0px]

+PASS Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0) is [none]

PASS Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.3) is [rgba(0, 0, 0, 0.301961) 6px 6px 6px 6px]

PASS Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (0.6) is [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]

PASS Web Animations: property <box-shadow> from [initial] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

@@ -135,7 +135,7 @@ PASS Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20p

PASS Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

PASS Web Animations: property <box-shadow> from [inherit] to [20px 20px 20px 20px black] at (1.5) is [rgb(0, 0, 0) 15px 25px 15px 25px]

PASS Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (-0.3) is [rgba(0, 0, 0, 0) -6px -6px 0px -6px]

-PASS Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) is [rgba(0, 0, 0, 0) 0px 0px 0px 0px]

+PASS Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0) is [none]

PASS Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.3) is [rgba(0, 0, 0, 0.301961) 6px 6px 6px 6px]

PASS Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (0.6) is [rgba(0, 0, 0, 0.6) 12px 12px 12px 12px]

PASS Web Animations: property <box-shadow> from [unset] to [20px 20px 20px 20px black] at (1) is [rgb(0, 0, 0) 20px 20px 20px 20px]

@@ -168,7 +168,7 @@ PASS Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5

PASS Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0) is [rgba(255, 255, 0, 0.498039) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 30px 0px 0px inset]

PASS Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.3) is [rgba(255, 255, 0, 0.34902) 7px 14px 0px 0px, rgba(0, 128, 0, 0.701961) 3.5px 21px 0px 0px inset]

PASS Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (0.6) is [rgba(255, 255, 0, 0.2) 4px 8px 0px 0px, rgba(0, 128, 0, 0.4) 2px 12px 0px 0px inset]

-PASS Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) is [rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset]

+PASS Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1) is [none]

PASS Web Animations: property <box-shadow> from [10px 20px rgba(255, 255, 0, 0.5), inset 5px 10em #008000] to [none] at (1.5) is [rgba(0, 0, 0, 0) -5px -10px 0px 0px, rgba(0, 0, 0, 0) -2.5px -15px 0px 0px inset]

PASS Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (-0.3) is [rgb(255, 255, 0) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 10px 0px 0px]

PASS Web Animations: property <box-shadow> from [10px 20px yellow, 5px 10px green] to [inset 5px 10px green, 15px 20px blue] at (0) is [rgb(255, 255, 0) 10px 20px 0px 0px, rgb(0, 128, 0) 5px 10px 0px 0px]