Bug 1367307 - Add content property to generate pseudo element. r=birtles
authorHiroyuki Ikezoe <hikezoe@mozilla.com>
Thu, 08 Jun 2017 10:28:19 +0900
changeset 411017 dd6ac8761b9d015e2dbf2cf5d0813ff4542f4ed7
parent 411016 d27eb08d5cffe0d1e4b2803588566d5a551a09cb
child 411018 d397d4c72d75d0510c277f1b6329a70bf2090388
push id7391
push usermtabara@mozilla.com
push dateMon, 12 Jun 2017 13:08:53 +0000
treeherdermozilla-beta@2191d7f87e2e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbirtles
bugs1367307
milestone55.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 1367307 - Add content property to generate pseudo element. r=birtles MozReview-Commit-ID: 2gvHexQUJKa
dom/animation/test/css-animations/file_document-get-animations.html
dom/animation/test/css-animations/file_effect-target.html
dom/animation/test/css-animations/file_element-get-animations.html
dom/animation/test/css-animations/file_pseudoElement-get-animations.html
--- a/dom/animation/test/css-animations/file_document-get-animations.html
+++ b/dom/animation/test/css-animations/file_document-get-animations.html
@@ -9,16 +9,22 @@
   to { top: 100px }
 }
 @keyframes animBottom {
   to { bottom: 100px }
 }
 @keyframes animRight {
   to { right: 100px }
 }
+::before {
+  content: ''
+}
+::after {
+  content: ''
+}
 </style>
 <body>
 <script>
 'use strict';
 
 test(function(t) {
   assert_equals(document.getAnimations().length, 0,
     'getAnimations returns an empty sequence for a document'
--- a/dom/animation/test/css-animations/file_effect-target.html
+++ b/dom/animation/test/css-animations/file_effect-target.html
@@ -1,13 +1,19 @@
 <!doctype html>
 <meta charset=utf-8>
 <script src="../testcommon.js"></script>
 <style>
 @keyframes anim { }
+::before {
+  content: ''
+}
+::after {
+  content: ''
+}
 </style>
 <body>
 <script>
 'use strict';
 
 test(function(t) {
   var div = addDiv(t);
   div.style.animation = 'anim 100s';
--- a/dom/animation/test/css-animations/file_element-get-animations.html
+++ b/dom/animation/test/css-animations/file_element-get-animations.html
@@ -6,16 +6,22 @@
   to { left: 100px }
 }
 @keyframes anim2 {
   to { top: 100px }
 }
 @keyframes multiPropAnim {
   to { background: green, opacity: 0.5, left: 100px, top: 100px }
 }
+::before {
+  content: ''
+}
+::after {
+  content: ''
+}
 @keyframes empty { }
 </style>
 <body>
 <script>
 'use strict';
 
 test(function(t) {
   var div = addDiv(t);
--- a/dom/animation/test/css-animations/file_pseudoElement-get-animations.html
+++ b/dom/animation/test/css-animations/file_pseudoElement-get-animations.html
@@ -1,27 +1,29 @@
 <!doctype html>
 <meta charset=utf-8>
 <script src="../testcommon.js"></script>
 <style>
 @keyframes anim1 { }
 @keyframes anim2 { }
 .before::before {
   animation: anim1 10s;
+  content: '';
 }
 .after-with-mix-anims-trans::after {
   content: '';
   animation: anim1 10s, anim2 10s;
   width: 0px;
   height: 0px;
   transition: all 100s;
 }
 .after-change::after {
   width: 100px;
   height: 100px;
+  content: '';
 }
 </style>
 <body>
 <script>
 'use strict';
 
 test(function(t) {
   var div = addDiv(t, { class: 'before' });