Bug 1451724: Add reftest ; r?emilio
MozReview-Commit-ID: IEfyEY9S73n
--- 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>