6 files changed, 52 insertions, 0 deletions
diff --git a/layout/reftests/css-valid/output/output-invalid.html b/layout/reftests/css-valid/output/output-invalid.html
new file mode 100644
index 000000000..dc0abeb34
--- /dev/null
+++ b/layout/reftests/css-valid/output/output-invalid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <!-- Test: if output has a custom error, it should not be affected by :valid
+             pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+    <output class='notvalid' id='b'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/output/output-ref.html b/layout/reftests/css-valid/output/output-ref.html
new file mode 100644
index 000000000..0db2c440c
--- /dev/null
+++ b/layout/reftests/css-valid/output/output-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='ref'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/output/output-valid.html b/layout/reftests/css-valid/output/output-valid.html
new file mode 100644
index 000000000..524ac8ea8
--- /dev/null
+++ b/layout/reftests/css-valid/output/output-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <!-- Test: if output has no custom error and is not barred from constraint
+             validation, it should be affected by :valid pseudo-class. -->
+  <link rel='stylesheet' type='text/css' href='style.css'>
+  <body>
+    <output class='valid'>foo</output>
+  </body>
+</html>
diff --git a/layout/reftests/css-valid/output/reftest-stylo.list b/layout/reftests/css-valid/output/reftest-stylo.list
new file mode 100644
index 000000000..3a855c81b
--- /dev/null
+++ b/layout/reftests/css-valid/output/reftest-stylo.list
@@ -0,0 +1,3 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+== output-valid.html output-valid.html
+== output-invalid.html output-invalid.html
diff --git a/layout/reftests/css-valid/output/reftest.list b/layout/reftests/css-valid/output/reftest.list
new file mode 100644
index 000000000..74468e394
--- /dev/null
+++ b/layout/reftests/css-valid/output/reftest.list
@@ -0,0 +1,2 @@
+== output-valid.html output-ref.html
+== output-invalid.html output-ref.html
diff --git a/layout/reftests/css-valid/output/style.css b/layout/reftests/css-valid/output/style.css
new file mode 100644
index 000000000..dbfc3f7a4
--- /dev/null
+++ b/layout/reftests/css-valid/output/style.css
@@ -0,0 +1,22 @@
+/* Override default style */
+output {
+  color: black;
+}
+
+output.notvalid {
+  color: green;
+}
+output.notvalid:valid {
+  color: red;
+}
+
+output.valid {
+  color: red;
+}
+output.valid:valid {
+  color: green;
+}
+
+output.ref {
+  color: green;
+}