Bug 1385154: Test-cases for the nasty edge cases. r=heycam
authorEmilio Cobos Álvarez <emilio@crisal.io>
Mon, 28 Aug 2017 10:27:51 +0200
changeset 377201 909cff254692444e9a7a3c43dd34da75d3bac075
parent 377200 97b5e21ce80f4b430de03a466f452dc74cdbb626
child 377202 df7f29ed1a891897144f13f93f0fb6174be37166
push id32402
push userarchaeopteryx@coole-files.de
push dateMon, 28 Aug 2017 14:47:04 +0000
treeherdermozilla-central@d5b6d113cf17 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersheycam
bugs1385154
milestone57.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 1385154: Test-cases for the nasty edge cases. r=heycam Chromium and Epiphany fail these, whoops... MozReview-Commit-ID: JPGgcGrxIh5
layout/reftests/generated-content/dynamic-generated-content-inherit-001.html
layout/reftests/generated-content/generated-content-inherit-001-ref.html
layout/reftests/generated-content/generated-content-inherit-001.html
layout/reftests/generated-content/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/generated-content/dynamic-generated-content-inherit-001.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: Dynamic ::before and ::after generation by a style attribute</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="match" href="generated-content-inherit-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css-pseudo/#generated-content">
+<meta name="flags" content="">
+<meta name="assert" content="Tests that changes to the style attribute of an element properly generate generated content">
+<!--
+  TODO(emilio): upstream this to WPT once
+  https://github.com/w3c/csswg-drafts/issues/1757 is resolved
+-->
+<style>
+.first::before, .second::after {
+  content: inherit;
+}
+</style>
+<p>Test passes if you see two PASS lines below:</p>
+<div class="first">SS</div>
+<div class="second">PA</div>
+<script>
+document.body.offsetTop;
+document.querySelector(".first").style.content = "\"PA\"";
+document.querySelector(".second").style.content = "\"SS\"";
+</script>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/generated-content/generated-content-inherit-001-ref.html
@@ -0,0 +1,7 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test reference</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<p>Test passes if you see two PASS lines below:</p>
+<div>PASS</div>
+<div>PASS</div>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/generated-content/generated-content-inherit-001.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: ::before and ::after generated with content: inherit</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="match" href="generated-content-inherit-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css-pseudo/#generated-content">
+<meta name="flags" content="">
+<meta name="assert" content="Tests that pseudo-elements are properly generated with content: inherit">
+<!--
+  TODO(emilio): upstream this to WPT once
+  https://github.com/w3c/csswg-drafts/issues/1757 is resolved
+-->
+<style>
+.first::before, .second::after {
+  content: inherit;
+}
+</style>
+<p>Test passes if you see two PASS lines below:</p>
+<div class="first" style="content: 'PA'">SS</div>
+<div class="second" style="content: 'SS'">PA</div>
--- a/layout/reftests/generated-content/reftest.list
+++ b/layout/reftests/generated-content/reftest.list
@@ -14,8 +14,10 @@ fuzzy-if(OSX==1010,1,10) == floated-01.h
 fuzzy-if(OSX==1010,1,10) == images-01.html images-01-ref.html
 fuzzy-if(OSX==1010,1,10) == positioned-01.html positioned-01-ref.html
 fuzzy-if(OSX==1010,1,10) == quotes-001.xml quotes-001-ref.xml
 fuzzy-if(OSX==1010,1,10) == table-ignoring-whitespace-01.html table-ignoring-whitespace-01-ref.html
 fuzzy-if(OSX==1010,1,10) == table-parts-01.html table-parts-01-ref.html
 == before-style-sharing.html before-style-sharing-ref.html
 == transitive-style-invalidation.html transitive-style-invalidation-ref.html
 == dynamic-content.html dynamic-content-ref.html
+== generated-content-inherit-001.html generated-content-inherit-001-ref.html
+== dynamic-generated-content-inherit-001.html generated-content-inherit-001-ref.html