Bug 1506746 - Update the expected value at 0% and 100% for individual transforms. r=birtles
authorBoris Chiou <boris.chiou@gmail.com>
Mon, 18 Nov 2019 20:46:59 +0000
changeset 502506 dfb29951d8b0be208d83f5c3e81b5cff84549cc6
parent 502505 25cfc79bf77c58372a6233bc15b5b93161b30cef
child 502507 3c5118f00c7caf321cfbee83e3abe5aa9b75e80c
push id114172
push userdluca@mozilla.com
push dateTue, 19 Nov 2019 11:31:10 +0000
treeherdermozilla-inbound@b5c5ba07d3db [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbirtles
bugs1506746
milestone72.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1506746 - Update the expected value at 0% and 100% for individual transforms. r=birtles Differential Revision: https://phabricator.services.mozilla.com/D52943
testing/web-platform/meta/css/css-transforms/animation/rotate-interpolation.html.ini
testing/web-platform/meta/css/css-transforms/animation/scale-interpolation.html.ini
testing/web-platform/meta/css/css-transforms/animation/translate-interpolation.html.ini
testing/web-platform/tests/css/css-transforms/animation/rotate-interpolation.html
testing/web-platform/tests/css/css-transforms/animation/scale-interpolation.html
testing/web-platform/tests/css/css-transforms/animation/translate-interpolation.html
--- a/testing/web-platform/meta/css/css-transforms/animation/rotate-interpolation.html.ini
+++ b/testing/web-platform/meta/css/css-transforms/animation/rotate-interpolation.html.ini
@@ -1,205 +1,85 @@
 [rotate-interpolation.html]
-  [CSS Transitions: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (1) should be [-1 1 0 60deg\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (0) should be [45deg\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [none\] to [7 -8 9 400grad\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (1) should be [-1 1 0 60deg\]]
-    expected: FAIL
-
-  [CSS Animations: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (0) should be [45deg\]]
-    expected: FAIL
-
-  [CSS Transitions: property <rotate> from [none\] to [7 -8 9 400grad\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <rotate> from [none\] to [7 -8 9 400grad\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (1) should be [-1 1 0 60deg\]]
-    expected: FAIL
-
-  [CSS Transitions: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (0) should be [45deg\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (0) should be [45deg\]]
-    expected: FAIL
-
-  [CSS Animations: property <rotate> from [none\] to [7 -8 9 400grad\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [45deg\] to [-1 1 0 60deg\] at (1) should be [-1 1 0 60deg\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [unset\] to [30deg\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0) should be [1 1 0 90deg\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <rotate> from [none\] to [30deg\] at (0) should be [none\]]
-    expected: FAIL
-
   [CSS Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.75) should be [1 -2.5 3.64 -50deg\]]
     expected: FAIL
 
-  [CSS Transitions: property <rotate> from [unset\] to [30deg\] at (0) should be [none\]]
-    expected: FAIL
-
   [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (-1) should be [1 -2.5 3.64 300deg\]]
     expected: FAIL
 
-  [CSS Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (1) should be [0 1 1 135deg\]]
-    expected: FAIL
-
   [Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.25) should be [1 -2.5 3.64 50deg\]]
     expected: FAIL
 
-  [CSS Transitions with transition: all: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (1) should be [0 1 1 135deg\]]
-    expected: FAIL
-
   [CSS Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0) should be [1 -2.5 3.64 100deg\]]
     expected: FAIL
 
   [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0) should be [1 -2.5 3.64 100deg\]]
     expected: FAIL
 
   [CSS Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (2) should be [1 -2.5 3.64 -300deg\]]
     expected: FAIL
 
-  [CSS Transitions: property <rotate> from [none\] to [30deg\] at (0) should be [none\]]
-    expected: FAIL
-
   [Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (-1) should be [1 -2.5 3.64 300deg\]]
     expected: FAIL
 
   [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (1) should be [1 -2.5 3.64 -100deg\]]
     expected: FAIL
 
-  [CSS Transitions with transition: all: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [0.52 -0.29 -0.81 151.04deg\]]
-    expected: FAIL
-
   [CSS Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.25) should be [1 -2.5 3.64 50deg\]]
     expected: FAIL
 
-  [CSS Animations: property <rotate> from [none\] to [30deg\] at (0) should be [none\]]
-    expected: FAIL
-
   [Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (2) should be [1 -2.5 3.64 -300deg\]]
     expected: FAIL
 
   [Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (1) should be [1 -2.5 3.64 -100deg\]]
     expected: FAIL
 
-  [CSS Animations: property <rotate> from [unset\] to [30deg\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (1) should be [0 1 1 135deg\]]
-    expected: FAIL
-
   [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.25) should be [1 -2.5 3.64 50deg\]]
     expected: FAIL
 
   [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (-1) should be [1 -2.5 3.64 300deg\]]
     expected: FAIL
 
   [CSS Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (-1) should be [1 -2.5 3.64 300deg\]]
     expected: FAIL
 
   [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.75) should be [1 -2.5 3.64 -50deg\]]
     expected: FAIL
 
-  [Web Animations: property <rotate> from [none\] to [30deg\] at (0) should be [none\]]
-    expected: FAIL
-
   [CSS Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (1) should be [1 -2.5 3.64 -100deg\]]
     expected: FAIL
 
-  [CSS Transitions: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [0.52 -0.29 -0.81 151.04deg\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <rotate> from [unset\] to [30deg\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0) should be [1 1 0 90deg\]]
-    expected: FAIL
-
-  [CSS Transitions: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0) should be [1 1 0 90deg\]]
-    expected: FAIL
-
   [Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0) should be [1 -2.5 3.64 100deg\]]
     expected: FAIL
 
   [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0) should be [1 -2.5 3.64 100deg\]]
     expected: FAIL
 
-  [CSS Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [0.52 -0.29 -0.81 151.04deg\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [0.52 -0.29 -0.81 151.04deg\]]
-    expected: FAIL
-
   [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.75) should be [1 -2.5 3.64 -50deg\]]
     expected: FAIL
 
-  [CSS Transitions with transition: all: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (0) should be [1 1 0 90deg\]]
-    expected: FAIL
-
   [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.25) should be [1 -2.5 3.64 50deg\]]
     expected: FAIL
 
   [Web Animations: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (0.75) should be [1 -2.5 3.64 -50deg\]]
     expected: FAIL
 
   [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (1) should be [1 -2.5 3.64 -100deg\]]
     expected: FAIL
 
   [CSS Transitions: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (2) should be [1 -2.5 3.64 -300deg\]]
     expected: FAIL
 
-  [Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (1) should be [0 1 1 135deg\]]
-    expected: FAIL
-
   [CSS Transitions with transition: all: property <rotate> from [1 -2.5 3.64 100deg\] to [1 -2.5 3.64 -100deg\] at (2) should be [1 -2.5 3.64 -300deg\]]
     expected: FAIL
 
-  [CSS Animations: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0) should be [0 1 0 0deg\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (0) should be [1 0 0 0deg\]]
+  [CSS Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [0.52 -0.29 -0.81 151.04deg\]]
     expected: FAIL
 
-  [CSS Animations: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (1) should be [0 1 0 0deg\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (1) should be [0 1 0 0deg\]]
-    expected: FAIL
-
-  [CSS Transitions: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (1) should be [0 1 0 0deg\]]
-    expected: FAIL
-
-  [CSS Transitions: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (0) should be [1 0 0 0deg\]]
+  [CSS Transitions with transition: all: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [0.52 -0.29 -0.81 151.04deg\]]
     expected: FAIL
 
-  [CSS Animations: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (0) should be [1 0 0 0deg\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <rotate> from [1 0 0 0deg\] to [0 1 0 10deg\] at (0) should be [1 0 0 0deg\]]
-    expected: FAIL
-
-  [Web Animations: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0) should be [0 1 0 0deg\]]
+  [CSS Transitions: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [0.52 -0.29 -0.81 151.04deg\]]
     expected: FAIL
 
-  [CSS Transitions: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0) should be [0 1 0 0deg\]]
+  [Web Animations: property <rotate> from [1 1 0 90deg\] to [0 1 1 135deg\] at (2) should be [0.52 -0.29 -0.81 151.04deg\]]
     expected: FAIL
 
-  [CSS Transitions with transition: all: property <rotate> from [1 0 0 450deg\] to [0 1 0 0deg\] at (1) should be [0 1 0 0deg\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <rotate> from [0 1 0 0deg\] to [1 0 0 450deg\] at (0) should be [0 1 0 0deg\]]
-    expected: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/css/css-transforms/animation/scale-interpolation.html.ini
+++ /dev/null
@@ -1,73 +0,0 @@
-[scale-interpolation.html]
-  [CSS Animations: property <scale> from [none\] to [4 3 2\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <scale> from [none\] to [4 3 2\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <scale> from [none\] to [4 3 2\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <scale> from [none\] to [4 3 2\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <scale> from [inherit\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <scale> from [2 0.5 1\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <scale> from [2 0.5 1\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <scale> from [2 0.5 1\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <scale> from [2 0.5 1\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <scale> from [unset\] to [1.5 1\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <scale> from [unset\] to [1.5 1\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <scale> from [initial\] to [inherit\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <scale> from [initial\] to [2 0.5 1\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <scale> from [inherit\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <scale> from [initial\] to [2 0.5 1\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <scale> from [initial\] to [2 0.5 1\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <scale> from [unset\] to [1.5 1\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <scale> from [inherit\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <scale> from [unset\] to [1.5 1\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <scale> from [initial\] to [inherit\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <scale> from [inherit\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <scale> from [initial\] to [inherit\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <scale> from [initial\] to [2 0.5 1\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <scale> from [initial\] to [inherit\] at (0) should be [none\]]
-    expected: FAIL
-
--- a/testing/web-platform/meta/css/css-transforms/animation/translate-interpolation.html.ini
+++ b/testing/web-platform/meta/css/css-transforms/animation/translate-interpolation.html.ini
@@ -1,85 +1,12 @@
 [translate-interpolation.html]
-  [CSS Transitions with transition: all: property <translate> from [none\] to [8px 80% 800px\] at (0) should be [none\]]
-    expected: FAIL
-
   [CSS Transitions: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0) should be [480px 400px 320px\]]
     expected: FAIL
 
-  [CSS Animations: property <translate> from [none\] to [8px 80% 800px\] at (0) should be [none\]]
-    expected: FAIL
-
   [CSS Transitions with transition: all: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0) should be [480px 400px 320px\]]
     expected: FAIL
 
   [CSS Animations: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0) should be [480px 400px 320px\]]
     expected: FAIL
 
-  [Web Animations: property <translate> from [none\] to [8px 80% 800px\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <translate> from [none\] to [8px 80% 800px\] at (0) should be [none\]]
-    expected: FAIL
-
   [Web Animations: property <translate> from [480px 400px 320px\] to [240% 160%\] at (0) should be [480px 400px 320px\]]
     expected: FAIL
-
-  [CSS Transitions: property <translate> from [inherit\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <translate> from [inherit\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <translate> from [unset\] to [20px\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <translate> from [200px 100px 400px\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <translate> from [initial\] to [200px 100px 200px\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <translate> from [200px 100px 400px\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <translate> from [initial\] to [200px 100px 200px\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <translate> from [initial\] to [200px 100px 200px\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <translate> from [unset\] to [20px\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <translate> from [initial\] to [inherit\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <translate> from [initial\] to [inherit\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <translate> from [200px 100px 400px\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <translate> from [initial\] to [200px 100px 200px\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions: property <translate> from [initial\] to [inherit\] at (0) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <translate> from [initial\] to [inherit\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <translate> from [200px 100px 400px\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <translate> from [inherit\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [Web Animations: property <translate> from [inherit\] to [initial\] at (1) should be [none\]]
-    expected: FAIL
-
-  [CSS Animations: property <translate> from [unset\] to [20px\] at (0) should be [none\]]
-    expected: FAIL
-
-  [CSS Transitions with transition: all: property <translate> from [unset\] to [20px\] at (0) should be [none\]]
-    expected: FAIL
-
--- a/testing/web-platform/tests/css/css-transforms/animation/rotate-interpolation.html
+++ b/testing/web-platform/tests/css/css-transforms/animation/rotate-interpolation.html
@@ -50,30 +50,30 @@ test_interpolation({
 ]);
 
 test_interpolation({
   property: 'rotate',
   from: '45deg',
   to: '-1 1 0 60deg',
 }, [
   {at: -1, expect: '0.447214 -0.447214 0.774597 104.478deg'},
-  {at: 0, expect: '45deg'},
+  {at: 0, expect: 'z 45deg'},
   {at: 0.125, expect: '-0.136456 0.136456 0.981203 40.6037deg'},
   {at: 0.875, expect: '-0.70246 0.70246 0.114452 53.1994deg'},
-  {at: 1, expect: '-1 1 0 60deg'},
+  {at: 1, expect: '-0.71 0.71 0 60deg'},
   {at: 2, expect: '-0.637897 0.637897 -0.431479 124.975deg'}
 ]);
 
 test_interpolation({
   property: 'rotate',
   from: 'none',
   to: '7 -8 9 400grad',
 }, [
   {at: -1, expect: '7 -8 9 -400grad'},
-  {at: 0, expect: 'none'},
+  {at: 0, expect: '7 -8 9 0deg'},
   {at: 0.125, expect: '7 -8 9 50grad'},
   {at: 0.875, expect: '7 -8 9 350grad'},
   {at: 1, expect: '7 -8 9 400grad'},
   {at: 2, expect: '7 -8 9 800grad'}
 ]);
 
 test_interpolation({
   property: 'rotate',
@@ -89,17 +89,17 @@ test_interpolation({
 ]);
 
 test_interpolation({
   property: 'rotate',
   from: 'none',
   to: '30deg',
 }, [
   {at: -1, expect: '-30deg'},
-  {at: 0, expect: 'none'},
+  {at: 0, expect: '0deg'},
   {at: 0.25, expect: '7.5deg'},
   {at: 0.75, expect: '22.5deg'},
   {at: 1, expect: '30deg'},
   {at: 2, expect: '60deg'},
 ]);
 
 test_interpolation({
   property: 'rotate',
@@ -128,17 +128,17 @@ test_interpolation({
 ]);
 
 test_interpolation({
   property: 'rotate',
   from: 'unset',
   to: '30deg',
 }, [
   {at: -1, expect: '-30deg'},
-  {at: 0, expect: 'none'},
+  {at: 0, expect: '0deg'},
   {at: 0.25, expect: '7.5deg'},
   {at: 0.75, expect: '22.5deg'},
   {at: 1, expect: '30deg'},
   {at: 2, expect: '60deg'},
 ]);
 
 test_interpolation({
   property: 'rotate',
@@ -174,62 +174,67 @@ test_interpolation({
   {at: -1, expect: '1 -2.5 3.64 300deg'},
   {at: 0, expect: '1 -2.5 3.64 100deg'},
   {at: 0.25, expect: '1 -2.5 3.64 50deg'},
   {at: 0.75, expect: '1 -2.5 3.64 -50deg'},
   {at: 1, expect: '1 -2.5 3.64 -100deg'},
   {at: 2, expect: '1 -2.5 3.64 -300deg'},
 ]);
 
+// The rotation angle gets interpolated numerically and the rotation vector
+// of the non-zero angle is used or (0, 0, 1) if both angles are zero.
+// So, we have to convert "1 0 0 0deg" into "0 1 0 0deg", and apply the same
+// concept for other test cases.
+// https://drafts.csswg.org/css-transforms-2/#interpolation-of-transform-functions
 test_interpolation({
   property: 'rotate',
   from: '1 0 0 0deg',
   to: '0 1 0 10deg',
 }, [
   {at: -1, expect: '0 1 0 -10deg'},
-  {at: 0, expect: '1 0 0 0deg'},
+  {at: 0, expect: '0 1 0 0deg'},
   {at: 0.25, expect: '0 1 0 2.5deg'},
   {at: 0.75, expect: '0 1 0 7.5deg'},
   {at: 1, expect: '0 1 0 10deg'},
   {at: 2, expect: '0 1 0 20deg'},
 ]);
 
 test_interpolation({
   property: 'rotate',
   from: '1 1 0 90deg',
   to: '0 1 1 135deg',
 }, [
   {at: -1, expect: '0.67 -0.06 -0.74 124.97deg'},
-  {at: 0, expect: '1 1 0 90deg'},
+  {at: 0, expect: '0.71 0.71 0 90deg'},
   {at: 0.25, expect: '0.54 0.8 0.26 94.83deg'},
   {at: 0.75, expect: '0.17 0.78 0.61 118.68deg'},
-  {at: 1, expect: '0 1 1 135deg'},
+  {at: 1, expect: '0 0.71 0.71 135deg'},
   {at: 2, expect: '0.52 -0.29 -0.81 151.04deg'},
 ]);
 
 test_interpolation({
   property: 'rotate',
   from: '0 1 0 0deg',
   to: '1 0 0 450deg',
 }, [
   {at: -1, expect: '1 0 0 -450deg'},
-  {at: 0, expect: '0 1 0 0deg'},
+  {at: 0, expect: '1 0 0 0deg'},
   {at: 0.25, expect: '1 0 0 112.5deg'},
   {at: 0.75, expect: '1 0 0 337.5deg'},
   {at: 1, expect: '1 0 0 450deg'},
   {at: 2, expect: '1 0 0 900deg'},
 ]);
 
 test_interpolation({
   property: 'rotate',
   from: '1 0 0 450deg',
   to: '0 1 0 0deg',
 }, [
   {at: -1, expect: '1 0 0 900deg'},
   {at: 0, expect: '1 0 0 450deg'},
   {at: 0.25, expect: '1 0 0 337.5deg'},
   {at: 0.75, expect: '1 0 0 112.5deg'},
-  {at: 1, expect: '0 1 0 0deg'},
+  {at: 1, expect: '1 0 0 0deg'},
   {at: 2, expect: '1 0 0 -450deg'},
 ]);
 </script>
 </body>
 </html>
--- a/testing/web-platform/tests/css/css-transforms/animation/scale-interpolation.html
+++ b/testing/web-platform/tests/css/css-transforms/animation/scale-interpolation.html
@@ -116,17 +116,17 @@
 
       // Going from none to a valid value; test that it converts properly.
       test_interpolation({
         property: 'scale',
         from: 'none',
         to: '4 3 2',
       }, [
         {at: -1, expect: '-2 -1 0'},
-        {at: 0, expect: 'none'},
+        {at: 0, expect: '1'},
         {at: 0.125, expect: '1.375 1.25 1.125'},
         {at: 0.875, expect: '3.625 2.75 1.875'},
         {at: 1, expect: '4 3 2'},
         {at: 2, expect: '7 5 3'}
       ]);
 
       // Test neutral keyframe; make sure it adds the underlying.
       test_interpolation({
@@ -144,45 +144,45 @@
 
       // Test initial value; for 'scale' this is 'none'.
       test_interpolation({
         property: 'scale',
         from: 'initial',
         to: '2 0.5 1',
       }, [
         {at: -1, expect: '0 1.5'},
-        {at: 0, expect: 'none'},
+        {at: 0, expect: '1'},
         {at: 0.25, expect: '1.25 0.875'},
         {at: 0.75, expect: '1.75 0.625'},
         {at: 1, expect: '2 0.5'},
         {at: 2, expect: '3 0'},
       ]);
 
       test_interpolation({
         property: 'scale',
         from: '2 0.5 1',
         to: 'initial',
       }, [
         {at: -1, expect: '3 0'},
         {at: 0, expect: '2 0.5'},
         {at: 0.25, expect: '1.75 0.6251'},
         {at: 0.75, expect: '1.25 0.875'},
-        {at: 1, expect: 'none'},
+        {at: 1, expect: '1'},
         {at: 2, expect: '0 1.5'},
       ]);
 
 
       // Test unset value; for 'scale' this is 'none'.
       test_interpolation({
         property: 'scale',
         from: 'unset',
         to: '1.5 1',
       }, [
         {at: -1, expect: '0.5 1'},
-        {at: 0, expect: 'none'},
+        {at: 0, expect: '1'},
         {at: 0.25, expect: '1.125 1'},
         {at: 0.75, expect: '1.375 1'},
         {at: 1, expect: '1.5 1'},
         {at: 2, expect: '2 1'},
       ]);
 
       // Test inherited value.
       test_interpolation({
@@ -213,30 +213,30 @@
 
       // Test combination of initial and inherit.
       test_interpolation({
         property: 'scale',
         from: 'initial',
         to: 'inherit',
       }, [
         {at: -1, expect: '1.5 1 0'},
-        {at: 0, expect: 'none'},
+        {at: 0, expect: '1'},
         {at: 0.25, expect: '0.875 1 1.25'},
         {at: 0.75, expect: '0.625 1 1.75'},
         {at: 1, expect: '0.5 1 2'},
         {at: 2, expect: '0 1 3'},
       ]);
 
       test_interpolation({
         property: 'scale',
         from: 'inherit',
         to: 'initial',
       }, [
         {at: -1, expect: '0 1 3'},
         {at: 0, expect: '0.5 1 2'},
         {at: 0.25, expect: '0.625 1 1.75'},
         {at: 0.75, expect: '0.875 1 1.25'},
-        {at: 1, expect: 'none'},
+        {at: 1, expect: '1'},
         {at: 2, expect: '1.5 1 0'},
       ]);
     </script>
   </body>
 </html>
--- a/testing/web-platform/tests/css/css-transforms/animation/translate-interpolation.html
+++ b/testing/web-platform/tests/css/css-transforms/animation/translate-interpolation.html
@@ -144,17 +144,17 @@
 
       // Going from none to a valid value; test that it converts properly.
       test_interpolation({
         property: 'translate',
         from: 'none',
         to: '8px 80% 800px',
       }, [
         {at: -1, expect: '-8px -80% -800px'},
-        {at: 0, expect: 'none'},
+        {at: 0, expect: '0px'},
         {at: 0.125, expect: '1px 10% 100px'},
         {at: 0.875, expect: '7px 70% 700px'},
         {at: 1, expect: '8px 80% 800px'},
         {at: 2, expect: '16px 160% 1600px'}
       ]);
 
       // Test neutral keyframe; make sure it adds the underlying.
       test_interpolation({
@@ -172,45 +172,45 @@
 
       // Test initial value; for 'scale' this is 'none'.
       test_interpolation({
         property: 'translate',
         from: 'initial',
         to: '200px 100px 200px',
       }, [
         {at: -1, expect: '-200px -100px -200px'},
-        {at: 0, expect: 'none'},
+        {at: 0, expect: '0px'},
         {at: 0.25, expect: '50px 25px 50px'},
         {at: 0.75, expect: '150px 75px 150px'},
         {at: 1, expect: '200px 100px 200px'},
         {at: 2, expect: '400px 200px 400px'},
       ]);
 
       test_interpolation({
         property: 'translate',
         from: '200px 100px 400px',
         to: 'initial',
       }, [
         {at: -1, expect: '400px 200px 800px'},
         {at: 0, expect: '200px 100px 400px'},
         {at: 0.25, expect: '150px 75px 300px'},
         {at: 0.75, expect: '50px 25px 100px'},
-        {at: 1, expect: 'none'},
+        {at: 1, expect: '0px'},
         {at: 2, expect: '-200px -100px -400px'},
       ]);
 
 
       // Test unset value; for 'translate' this is 'none'.
       test_interpolation({
         property: 'translate',
         from: 'unset',
         to: '20px',
       }, [
         {at: -1, expect: '-20px'},
-        {at: 0, expect: 'none'},
+        {at: 0, expect: '0px'},
         {at: 0.25, expect: '5px'},
         {at: 0.75, expect: '15px'},
         {at: 1, expect: '20px'},
         {at: 2, expect: '40px'},
       ]);
 
       // Test inherited value.
       test_interpolation({
@@ -241,30 +241,30 @@
 
       // Test combination of initial and inherit.
       test_interpolation({
         property: 'translate',
         from: 'initial',
         to: 'inherit',
       }, [
         {at: -1, expect: '-100px -200px -300px'},
-        {at: 0, expect: 'none'},
+        {at: 0, expect: '0px'},
         {at: 0.25, expect: '25px 50px 75px'},
         {at: 0.75, expect: '75px 150px 225px'},
         {at: 1, expect: '100px 200px 300px'},
         {at: 2, expect: '200px 400px 600px'},
       ]);
 
       test_interpolation({
         property: 'translate',
         from: 'inherit',
         to: 'initial',
       }, [
         {at: -1, expect: '200px 400px 600px'},
         {at: 0, expect: '100px 200px 300px'},
         {at: 0.25, expect: '75px 150px 225px'},
         {at: 0.75, expect: '25px 50px 75px'},
-        {at: 1, expect: 'none'},
+        {at: 1, expect: '0px'},
         {at: 2, expect: '-100px -200px -300px'},
       ]);
     </script>
   </body>
 </html>