summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-ui-valid/output
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/css-ui-valid/output')
-rw-r--r--layout/reftests/css-ui-valid/output/output-invalid.html9
-rw-r--r--layout/reftests/css-ui-valid/output/output-novalidate.html9
-rw-r--r--layout/reftests/css-ui-valid/output/output-ref.html7
-rw-r--r--layout/reftests/css-ui-valid/output/output-valid.html9
-rw-r--r--layout/reftests/css-ui-valid/output/reftest.list3
-rw-r--r--layout/reftests/css-ui-valid/output/style.css22
6 files changed, 59 insertions, 0 deletions
diff --git a/layout/reftests/css-ui-valid/output/output-invalid.html b/layout/reftests/css-ui-valid/output/output-invalid.html
new file mode 100644
index 0000000000..83e824350f
--- /dev/null
+++ b/layout/reftests/css-ui-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 :-moz-ui-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-ui-valid/output/output-novalidate.html b/layout/reftests/css-ui-valid/output/output-novalidate.html
new file mode 100644
index 0000000000..1eea9689cd
--- /dev/null
+++ b/layout/reftests/css-ui-valid/output/output-novalidate.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <form novalidate>
+ <output class='notvalid'>foo</output>
+ </form>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/output/output-ref.html b/layout/reftests/css-ui-valid/output/output-ref.html
new file mode 100644
index 0000000000..0db2c440c7
--- /dev/null
+++ b/layout/reftests/css-ui-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-ui-valid/output/output-valid.html b/layout/reftests/css-ui-valid/output/output-valid.html
new file mode 100644
index 0000000000..9f7321dae7
--- /dev/null
+++ b/layout/reftests/css-ui-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 :-moz-ui-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-ui-valid/output/reftest.list b/layout/reftests/css-ui-valid/output/reftest.list
new file mode 100644
index 0000000000..2a31473a9f
--- /dev/null
+++ b/layout/reftests/css-ui-valid/output/reftest.list
@@ -0,0 +1,3 @@
+== output-valid.html output-ref.html
+== output-invalid.html output-ref.html
+== output-novalidate.html output-ref.html
diff --git a/layout/reftests/css-ui-valid/output/style.css b/layout/reftests/css-ui-valid/output/style.css
new file mode 100644
index 0000000000..2e71a25d99
--- /dev/null
+++ b/layout/reftests/css-ui-valid/output/style.css
@@ -0,0 +1,22 @@
+/* Override default style */
+output {
+ color: black;
+}
+
+output.notvalid {
+ color: green;
+}
+output.notvalid:-moz-ui-valid {
+ color: red;
+}
+
+output.valid {
+ color: red;
+}
+output.valid:-moz-ui-valid {
+ color: green;
+}
+
+output.ref {
+ color: green;
+}