summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-ui-invalid/output
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/css-ui-invalid/output')
-rw-r--r--layout/reftests/css-ui-invalid/output/output-invalid.html9
-rw-r--r--layout/reftests/css-ui-invalid/output/output-ref.html7
-rw-r--r--layout/reftests/css-ui-invalid/output/output-valid.html9
-rw-r--r--layout/reftests/css-ui-invalid/output/reftest.list2
-rw-r--r--layout/reftests/css-ui-invalid/output/style.css22
5 files changed, 49 insertions, 0 deletions
diff --git a/layout/reftests/css-ui-invalid/output/output-invalid.html b/layout/reftests/css-ui-invalid/output/output-invalid.html
new file mode 100644
index 0000000000..aa6830c753
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/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-invalid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body onload="document.getElementById('b').setCustomValidity('foo'); document.documentElement.className='';">
+ <output class='invalid' id='b'>foo</output>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/output/output-ref.html b/layout/reftests/css-ui-invalid/output/output-ref.html
new file mode 100644
index 0000000000..0db2c440c7
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/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-invalid/output/output-valid.html b/layout/reftests/css-ui-invalid/output/output-valid.html
new file mode 100644
index 0000000000..984eea20ae
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/output/output-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <!-- Test: if output has no custom error, it should not affected by :-moz-ui-invalid
+ pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <output class='notinvalid'>foo</output>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-invalid/output/reftest.list b/layout/reftests/css-ui-invalid/output/reftest.list
new file mode 100644
index 0000000000..74468e394a
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/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-ui-invalid/output/style.css b/layout/reftests/css-ui-invalid/output/style.css
new file mode 100644
index 0000000000..99d5be9107
--- /dev/null
+++ b/layout/reftests/css-ui-invalid/output/style.css
@@ -0,0 +1,22 @@
+/* Override default style */
+output {
+ color: black;
+}
+
+output.notinvalid {
+ color: green;
+}
+output.notinvalid:-moz-ui-invalid {
+ color: red;
+}
+
+output.invalid {
+ color: green;
+}
+output.invalid:-moz-ui-invalid {
+ color: red;
+}
+
+output.ref {
+ color: green;
+}