Web Animations: support cssOffset

third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation-expected.txt

Index: third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation-expected.txt
diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation-expected.txt b/third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation-expected.txt
new file mode 100644
index 0000000000000000000000000000000000000000..9922f540c88318077a7efa630db1031e34da8b27
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation-expected.txt
@@ -0,0 +1,22 @@
+This is a testharness.js-based test.
+PASS This test uses interpolation-test.js. 
+FAIL CSS Transitions: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (-0.3) is [path('M 0 300 H 700 Z') 470px 770deg] assert_equals: expected "path ( ' M 0 200 H 700 ' ) 470px 770deg " but got "path ( ' M 0 300 H 700 Z ' ) 470px 770deg "
+FAIL CSS Transitions: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0) is [path('M 0 300 H 700 Z') 500px 800deg] assert_equals: expected "path ( ' M 0 200 H 700 ' ) 500px 800deg " but got "path ( ' M 0 300 H 700 Z ' ) 500px 800deg "
+FAIL CSS Transitions: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0.3) is [path('M 0 300 H 700 Z') 530px 830deg] assert_equals: expected "path ( ' M 0 200 H 700 ' ) 530px 830deg " but got "path ( ' M 0 300 H 700 Z ' ) 530px 830deg "

[alancutter (OOO until 2018), 2017/03/13 05:11:58]

Why do these fail? The description should elaborate.

[Eric Willigers, 2017/03/21 05:47:24]

Description updated.

[alancutter (OOO until 2018), 2017/03/21 05:56:44]

In this scenario I think it's suitable to define separate expectations for CSS
Transitions vs CSS Animations. It's a bug in the test case if it expects the
wrong thing.
Use the "method" parameter to test them separately:
https://cs.chromium.org/chromium/src/third_party/WebKit/LayoutTests/animation...

[Eric Willigers, 2017/03/22 01:20:55]

Done.

+PASS CSS Transitions: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0.6) is [path('M 0 300 H 700 Z') 560px 860deg] 
+PASS CSS Transitions: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (1) is [path('M 0 300 H 700 Z') 600px 900deg] 
+PASS CSS Transitions: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (1.5) is [path('M 0 300 H 700 Z') 650px 950deg] 
+PASS CSS Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (-0.3) is [path('M 0 200 H 700') 470px 770deg] 
+PASS CSS Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0) is [path('M 0 200 H 700') 500px 800deg] 
+PASS CSS Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0.3) is [path('M 0 200 H 700') 530px 830deg] 
+PASS CSS Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0.6) is [path('M 0 300 H 700 Z') 560px 860deg] 
+PASS CSS Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (1) is [path('M 0 300 H 700 Z') 600px 900deg] 
+PASS CSS Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (1.5) is [path('M 0 300 H 700 Z') 650px 950deg] 
+PASS Web Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (-0.3) is [path('M 0 200 H 700') 470px 770deg] 
+PASS Web Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0) is [path('M 0 200 H 700') 500px 800deg] 
+PASS Web Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0.3) is [path('M 0 200 H 700') 530px 830deg] 
+PASS Web Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (0.6) is [path('M 0 300 H 700 Z') 560px 860deg] 
+PASS Web Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (1) is [path('M 0 300 H 700 Z') 600px 900deg] 
+PASS Web Animations: property <offset> from [path("M0 200H 700") 500px 800deg] to [path("M0 300H 700 Z") 600px 900deg] at (1.5) is [path('M 0 300 H 700 Z') 650px 950deg] 
+Harness: the test ran to completion.
+