Bug 1363639 - stylo: Make interpolation of rect() match Gecko. r?emilio draft
authorMatt Brubeck <mbrubeck@mozilla.com>
Tue, 23 May 2017 11:23:11 -0700
changeset 583378 fc71e154c8bace26b687024fe1fe30fa01d5f016
parent 583025 6dfa56094f0cc291945dd3c24d0a4c2682d80ec7
child 584564 7301f3766bcd7dfbcd3e25e4b289c19d7212c7a0
push id60379
push userbmo:mbrubeck@mozilla.com
push dateWed, 24 May 2017 00:34:29 +0000
reviewersemilio
bugs1363639
milestone55.0a1
Bug 1363639 - stylo: Make interpolation of rect() match Gecko. r?emilio MozReview-Commit-ID: GKLuA9JeOmz
layout/reftests/web-animations/1363639-1.html
layout/reftests/web-animations/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/web-animations/1363639-1.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html class="reftest-wait">
+  <head>
+    <meta charset=utf-8>
+    <title>Bug 1363639</title>
+    <style>
+      #outer {
+        position: absolute;
+        width: 100px;
+        height: 200px;
+        background: green;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="outer"><div id="inner"></div></div>
+    <script>
+      var target = document.querySelector("#outer");
+      var anim = target.animate([
+          {clip: 'rect(0px, auto, 0px, 0px)'},
+          {clip: 'rect(0px, auto, 200px, 0px)'}
+      ], 2000);
+      anim.pause();
+      anim.currentTime = 1000;
+      document.documentElement.removeAttribute("class");
+    </script>
+  </body>
+</html>
--- a/layout/reftests/web-animations/reftest.list
+++ b/layout/reftests/web-animations/reftest.list
@@ -1,12 +1,13 @@
 test-pref(dom.animations-api.core.enabled,true) == 1246046-1.html green-box.html
 test-pref(dom.animations-api.core.enabled,true) == 1267937-1.html 1267937-ref.html
 # see bug 1353399. Intermittent with WR enabled
 test-pref(dom.animations-api.core.enabled,true) random-if(webrender) == 1298742-1.html 1298742-ref.html
+test-pref(dom.animations-api.core.enabled,true) == 1363639-1.html green-box.html
 test-pref(dom.animations-api.core.enabled,true) == stacking-context-transform-none-animation-before-appending-element.html stacking-context-animation-ref.html
 test-pref(dom.animations-api.core.enabled,true) == stacking-context-opacity-changing-keyframe.html stacking-context-animation-ref.html
 test-pref(dom.animations-api.core.enabled,true) == stacking-context-opacity-changing-keyframe-in-delay.html stacking-context-animation-ref.html
 test-pref(dom.animations-api.core.enabled,true) == stacking-context-opacity-changing-target.html stacking-context-animation-changing-target-ref.html
 test-pref(dom.animations-api.core.enabled,true) == stacking-context-opacity-changing-target-in-delay.html stacking-context-animation-changing-target-ref.html
 test-pref(dom.animations-api.core.enabled,true) == stacking-context-opacity-changing-effect.html stacking-context-animation-ref.html
 test-pref(dom.animations-api.core.enabled,true) == stacking-context-opacity-losing-css-animation-in-delay.html stacking-context-animation-ref.html
 test-pref(dom.animations-api.core.enabled,true) == stacking-context-transform-changing-keyframe.html stacking-context-animation-ref.html