Bug 1299741 part 12 - Add reftest for currentcolor interpolation. r?birtles draft
authorXidorn Quan <me@upsuper.org>
Thu, 01 Sep 2016 23:57:45 +1000
changeset 408693 edb134cdc566fb7faed99b1216df022d479ff02c
parent 408692 da11a166a6b2d0f1bd9d358b49efc13ec7a41d0e
child 530163 57b6d6048f8e4e54cc13727c677296f9be3ae8c8
push id28271
push userxquan@mozilla.com
push dateThu, 01 Sep 2016 14:23:32 +0000
reviewersbirtles
bugs1299741
milestone51.0a1
Bug 1299741 part 12 - Add reftest for currentcolor interpolation. r?birtles MozReview-Commit-ID: 5xZGekxb2EY
layout/reftests/css-transitions/currentcolor-interpolation-1-ref.html
layout/reftests/css-transitions/currentcolor-interpolation-1.html
layout/reftests/css-transitions/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-transitions/currentcolor-interpolation-1-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+body {
+  font: 52px Ahem;
+  text-emphasis: "X";
+}
+div {
+  display: inline-block;
+}
+#test1 {
+  color: #00fc00;
+  text-emphasis-color: #54a800;
+  -webkit-text-fill-color: #a85400;
+}
+#test2 {
+  color: #0054a8;
+  text-emphasis-color: #543870;
+  -webkit-text-fill-color: #a81c38;
+}
+</style>
+<div id="test1">X</div>
+<div id="test2">X</div>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-transitions/currentcolor-interpolation-1.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(../fonts/Ahem.ttf);
+}
+body {
+  font: 52px Ahem;
+  text-emphasis: "X";
+}
+div {
+  display: inline-block;
+}
+
+@keyframes test1 {
+  0% {
+    text-emphasis-color: #fc0000;
+    -webkit-text-fill-color: currentcolor;
+  }
+  100% {
+    text-emphasis-color: currentcolor;
+    -webkit-text-fill-color: #fc0000;
+  }
+}
+#test1 {
+  color: #00fc00;
+  animation: test1 252s -168s linear paused;
+}
+
+@keyframes test2 {
+  0% {
+    color: #00fc00;
+    text-emphasis-color: #fc0000;
+    -webkit-text-fill-color: currentcolor;
+  }
+  100% {
+    color: #0000fc;
+    text-emphasis-color: currentcolor;
+    -webkit-text-fill-color: #fc0000;
+  }
+}
+#test2 {
+  animation: test2 252s -168s linear paused;
+}
+</style>
+<div id="test1">X</div>
+<div id="test2">X</div>
--- a/layout/reftests/css-transitions/reftest.list
+++ b/layout/reftests/css-transitions/reftest.list
@@ -1,4 +1,5 @@
 == transitions-inline-already-wrapped-1.html transitions-inline-ref.html
 == transitions-inline-already-wrapped-2.html transitions-inline-ref.html
 == transitions-inline-rewrap-1.html transitions-inline-ref.html
 == transitions-inline-rewrap-2.html transitions-inline-ref.html
+== currentcolor-interpolation-1.html currentcolor-interpolation-1-ref.html