Bug 1382136 - Part 4: add a reftest for 'content' animation on pseudo element. r?hiro draft
authorDaisuke Akatsuka <dakatsuka@mozilla.com>
Sun, 13 Aug 2017 23:33:33 +0900
changeset 645596 73ed710ef947bd196fbef218684fd18d9d76c51b
parent 645594 b0c395125e3c7040538a09e4a0608f42f30cd708
child 725933 e8bea532f4149ea6483ec83663298d1b0755e1c0
push id73792
push userbmo:dakatsuka@mozilla.com
push dateSun, 13 Aug 2017 14:35:45 +0000
reviewershiro
bugs1382136
milestone57.0a1
Bug 1382136 - Part 4: add a reftest for 'content' animation on pseudo element. r?hiro 'content' property shoud animate on pseudo element as well. To confirm the animation, add a reftest. MozReview-Commit-ID: 4hfx6PLThgZ
layout/reftests/css-animations/content-on-pseudo-element-at-beginning-ref.html
layout/reftests/css-animations/content-on-pseudo-element-at-beginning.html
layout/reftests/css-animations/content-on-pseudo-element-at-half-ref.html
layout/reftests/css-animations/content-on-pseudo-element-at-half.html
layout/reftests/css-animations/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-pseudo-element-at-beginning-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  #target::before {
+    content: 'start';
+  }
+  </style>
+  <div id='target'></div>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-pseudo-element-at-beginning.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  @keyframes anim {
+    from { content: 'start'; }
+    to { content: 'end'; }
+  }
+  #target::before {
+    content: 'initial';
+    animation: anim 100s paused;
+  }
+  </style>
+  <div id='target'></div>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-pseudo-element-at-half-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  #target::before {
+    content: 'end';
+  }
+  </style>
+  <div id='target'></div>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-animations/content-on-pseudo-element-at-half.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <style>
+  @keyframes anim {
+    from { content: 'start'; }
+    to { content: 'end'; }
+  }
+  #target::before {
+    content: 'initial';
+    animation: anim 100s linear -50s paused;
+  }
+  </style>
+  <div id='target'></div>
+</html>
--- a/layout/reftests/css-animations/reftest.list
+++ b/layout/reftests/css-animations/reftest.list
@@ -49,9 +49,11 @@ fails == background-position-important.h
 == mask-size-after-finish-1a.html mask-anim-ref.html
 == mask-size-after-finish-1b.html mask-anim-ref.html
 == mask-size-in-delay-1a.html mask-anim-ref.html
 == mask-size-in-delay-1b.html mask-anim-ref.html
 
 == stop-animation-on-discarded-pseudo-element.html about:blank
 
 == updating-animation-on-pseudo-element.html updating-animation-on-pseudo-element-ref.html
+== content-on-pseudo-element-at-beginning.html content-on-pseudo-element-at-beginning-ref.html
+== content-on-pseudo-element-at-half.html content-on-pseudo-element-at-half-ref.html
 == reframe-and-animation-starts-at-the-same-time.html reframe-and-animation-starts-at-the-same-time-ref.html