Bug 1451724: Add reftest ; r=emilio
authorManish Goregaokar <manishearth@gmail.com>
Wed, 18 Apr 2018 14:24:07 -0700
changeset 414432 a993e6e8d14c75545a59b18ba32c821801d6f124
parent 414431 43c22d224c0ba4cb4f890a37a5e04d6bb2b80c25
child 414433 b3a530c29fbe1a471fded9632d9affcca79d58c7
push id102329
push usernerli@mozilla.com
push dateThu, 19 Apr 2018 09:59:48 +0000
treeherdermozilla-inbound@f4f07a24b951 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersemilio
bugs1451724
milestone61.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 1451724: Add reftest ; r=emilio MozReview-Commit-ID: IEfyEY9S73n
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/css-transforms/css-transform-animate-translate-implied-y-ref.html
testing/web-platform/tests/css/css-transforms/css-transform-animate-translate-implied-y.html
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -136066,16 +136066,28 @@
       [
        "/css/css-transforms/reference/css-transform-3d-transform-style-ref.html",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "css/css-transforms/css-transform-animate-translate-implied-y.html": [
+    [
+     "/css/css-transforms/css-transform-animate-translate-implied-y.html",
+     [
+      [
+       "/css/css-transforms/css-transform-animate-translate-implied-y-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/css-transforms/css-transform-inherit-scale.html": [
     [
      "/css/css-transforms/css-transform-inherit-scale.html",
      [
       [
        "/css/reference/ref-filled-green-200px-square.html",
        "=="
       ]
@@ -256530,16 +256542,21 @@
      {}
     ]
    ],
    "css/css-transforms/css-skew-002-ref.html": [
     [
      {}
     ]
    ],
+   "css/css-transforms/css-transform-animate-translate-implied-y-ref.html": [
+    [
+     {}
+    ]
+   ],
    "css/css-transforms/css3-transform-rotateY-ref.html": [
     [
      {}
     ]
    ],
    "css/css-transforms/css3-transform-scale-ref-002.html": [
     [
      {}
@@ -519115,16 +519132,24 @@
   "css/css-transforms/css-transform-3d-rotateZ-positive.html": [
    "0c339b7685280fb87ac68772a2bcc9704b5b4527",
    "reftest"
   ],
   "css/css-transforms/css-transform-3d-transform-style.html": [
    "755aa03cd4767e0874e33bcbe6028dab96c3ffb1",
    "reftest"
   ],
+  "css/css-transforms/css-transform-animate-translate-implied-y-ref.html": [
+   "be59175d0020cab7b6eef4473cf4c51695a3101e",
+   "support"
+  ],
+  "css/css-transforms/css-transform-animate-translate-implied-y.html": [
+   "f0272619bd352b3870c4a6da1f2a99a6453f10aa",
+   "reftest"
+  ],
   "css/css-transforms/css-transform-inherit-rotate.html": [
    "bd9040254b9d7747d86d63b7a6ea706e813bd1a1",
    "visual"
   ],
   "css/css-transforms/css-transform-inherit-scale.html": [
    "1afd10f480afbd37ba7f55daae31003146fd22c1",
    "reftest"
   ],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-transforms/css-transform-animate-translate-implied-y-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Manish Goregaokar" href="mailto:manishearth@gmail.com">
+    <style>
+        #box {
+            background:red;
+            width: 200px;
+            height: 200px;
+            transform: translate(100px, 0px);
+        }
+    </style>
+  </head>
+  <body>
+    <div id=box></div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-transforms/css-transform-animate-translate-implied-y.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS Test (Transforms): Animating between translates where one has an implied `y` value</title>
+    <link rel="author" title="Manish Goregaokar" href="mailto:manishearth@gmail.com">
+    <meta name="assert" content='This tests that translate(x) is animated as if it were translate(x, 0px)'>
+    <link rel=match href=css-transform-animate-translate-implied-y-ref.html>
+    <link rel="help" href="https://drafts.csswg.org/css-transforms-1/#funcdef-transform-translate">
+    <style>
+    #box {
+        background:red;
+        width: 200px;
+        height: 200px;
+    }
+    </style>
+  </head>
+  <body>
+    <div id=box></div>
+    <script>
+        let anim = document.getElementById('box').animate([
+            { transform: 'translate(180px)' },
+            { transform: 'translate(20px, 0px)' }
+        ], {
+            duration: 1000,
+        });
+        anim.pause();
+        anim.currentTime = 500;
+    </script>
+  </body>
+</html>