diff options
Diffstat (limited to 'layout/reftests/css-ui-invalid/output')
7 files changed, 64 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 000000000..1a5dd9357 --- /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 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-novalidate.html b/layout/reftests/css-ui-invalid/output/output-novalidate.html new file mode 100644 index 000000000..a124b9a64 --- /dev/null +++ b/layout/reftests/css-ui-invalid/output/output-novalidate.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<html class="reftest-wait"> + <link rel='stylesheet' type='text/css' href='style.css'> + <body onload="document.getElementById('o').setCustomValidity('foo'); + document.documentElement.className = '';"> + <form novalidate> + <output id='o' class='notinvalid'>foo</output> + </form> + </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 000000000..0db2c440c --- /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 000000000..feb564da9 --- /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 and is not barred from constraint + validation, 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-stylo.list b/layout/reftests/css-ui-invalid/output/reftest-stylo.list new file mode 100644 index 000000000..06d928065 --- /dev/null +++ b/layout/reftests/css-ui-invalid/output/reftest-stylo.list @@ -0,0 +1,4 @@ +# 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 +== output-novalidate.html output-novalidate.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 000000000..2a31473a9 --- /dev/null +++ b/layout/reftests/css-ui-invalid/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-invalid/output/style.css b/layout/reftests/css-ui-invalid/output/style.css new file mode 100644 index 000000000..e600dda9a --- /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: red; +} +output.invalid:-moz-ui-invalid { + color: green; +} + +output.ref { + color: green; +} |