summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-ui-valid/textarea
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/css-ui-valid/textarea')
-rw-r--r--layout/reftests/css-ui-valid/textarea/reftest-stylo.list21
-rw-r--r--layout/reftests/css-ui-valid/textarea/reftest.list17
-rw-r--r--layout/reftests/css-ui-valid/textarea/style.css26
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-customerror.html18
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-1.html14
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-2.html23
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-disabled.html9
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-dyn-disabled.html18
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled-changed.html19
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled.html18
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly-changed.html19
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly.html18
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-dyn-readonly.html18
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend-ref.html11
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend.html14
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-fieldset-ref.html11
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-novalidate.html10
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-readonly.html9
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-ref.html7
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-required-invalid.html10
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-required-valid-changed.html11
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-required-valid.html10
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-valid.html9
-rw-r--r--layout/reftests/css-ui-valid/textarea/textarea-withtext-ref.html7
24 files changed, 347 insertions, 0 deletions
diff --git a/layout/reftests/css-ui-valid/textarea/reftest-stylo.list b/layout/reftests/css-ui-valid/textarea/reftest-stylo.list
new file mode 100644
index 000000000..06417ad92
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/reftest-stylo.list
@@ -0,0 +1,21 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+== textarea-valid.html textarea-valid.html
+== textarea-customerror.html textarea-customerror.html
+== textarea-disabled.html textarea-disabled.html
+== textarea-dyn-disabled.html textarea-dyn-disabled.html
+== textarea-dyn-not-disabled.html textarea-dyn-not-disabled.html
+== textarea-dyn-not-disabled-changed.html textarea-dyn-not-disabled-changed.html
+== textarea-readonly.html textarea-readonly.html
+== textarea-dyn-readonly.html textarea-dyn-readonly.html
+== textarea-dyn-not-readonly.html textarea-dyn-not-readonly.html
+== textarea-dyn-not-readonly-changed.html textarea-dyn-not-readonly-changed.html
+skip == textarea-maxlength-valid.html textarea-maxlength-valid.html
+skip == textarea-maxlength-valid-changed.html textarea-maxlength-valid-changed.html
+skip == textarea-maxlength-invalid.html textarea-maxlength-invalid.html
+== textarea-required-valid.html textarea-required-valid.html
+== textarea-required-valid-changed.html textarea-required-valid-changed.html
+== textarea-required-invalid.html textarea-required-invalid.html
+== textarea-disabled-fieldset-1.html textarea-disabled-fieldset-1.html
+== textarea-disabled-fieldset-2.html textarea-disabled-fieldset-2.html
+== textarea-fieldset-legend.html textarea-fieldset-legend.html
+== textarea-novalidate.html textarea-novalidate.html
diff --git a/layout/reftests/css-ui-valid/textarea/reftest.list b/layout/reftests/css-ui-valid/textarea/reftest.list
new file mode 100644
index 000000000..84faafe83
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/reftest.list
@@ -0,0 +1,17 @@
+== textarea-valid.html textarea-ref.html
+== textarea-customerror.html textarea-ref.html
+== textarea-disabled.html textarea-ref.html
+== textarea-dyn-disabled.html textarea-ref.html
+== textarea-dyn-not-disabled.html textarea-ref.html
+== textarea-dyn-not-disabled-changed.html textarea-ref.html
+== textarea-readonly.html textarea-ref.html
+== textarea-dyn-readonly.html textarea-ref.html
+== textarea-dyn-not-readonly.html textarea-ref.html
+== textarea-dyn-not-readonly-changed.html textarea-ref.html
+== textarea-required-valid.html textarea-withtext-ref.html
+== textarea-required-valid-changed.html textarea-withtext-ref.html
+== textarea-required-invalid.html textarea-ref.html
+== textarea-disabled-fieldset-1.html textarea-fieldset-ref.html
+== textarea-disabled-fieldset-2.html textarea-fieldset-ref.html
+== textarea-fieldset-legend.html textarea-fieldset-legend-ref.html
+== textarea-novalidate.html textarea-withtext-ref.html
diff --git a/layout/reftests/css-ui-valid/textarea/style.css b/layout/reftests/css-ui-valid/textarea/style.css
new file mode 100644
index 000000000..3ffe6c687
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/style.css
@@ -0,0 +1,26 @@
+/* Override default style */
+textarea {
+ border: 0px;
+}
+
+textarea.ref {
+ background-color: green;
+}
+
+textarea:invalid {
+ box-shadow: none;
+}
+
+textarea.notvalid {
+ background-color: green;
+}
+textarea.notvalid:-moz-ui-valid {
+ background-color: red;
+}
+
+textarea.valid {
+ background-color: red;
+}
+textarea.valid:-moz-ui-valid {
+ background-color: green;
+}
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-customerror.html b/layout/reftests/css-ui-valid/textarea/textarea-customerror.html
new file mode 100644
index 000000000..3db17bee1
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-customerror.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <script>
+ function doTest() {
+ document.getElementById('t').setCustomValidity('foo');
+ document.documentElement.className='';
+ }
+ document.addEventListener("MozReftestInvalidate", doTest, false);
+ </script>
+ </head>
+ <!-- Test: if textarea 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>
+ <textarea class='notvalid' id='t'></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-1.html b/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-1.html
new file mode 100644
index 000000000..51c99bbbd
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-1.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+ constraint validation and should not be affected by :-moz-ui-valid
+ pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <fieldset disabled>
+ <fieldset>
+ <textarea class='notvalid'></textarea>
+ </fieldset>
+ </fieldset>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-2.html b/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-2.html
new file mode 100644
index 000000000..4b7c6a751
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-disabled-fieldset-2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <!-- Test: if textarea has a disabled fieldset ancestor, it is barred from
+ constraint validation and should not be affected by :-moz-ui-valid
+ pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <script>
+ function onloadHandler()
+ {
+ var fieldsets = document.getElementsByTagName("fieldset");
+ fieldsets[1].disabled = true;
+ fieldsets[0].disabled = false;
+ document.documentElement.className='';
+ }
+ </script>
+ <body onload="onloadHandler();">
+ <fieldset disabled>
+ <fieldset>
+ <textarea class='notvalid'></textarea>
+ </fieldset>
+ </fieldset>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-disabled.html b/layout/reftests/css-ui-valid/textarea/textarea-disabled.html
new file mode 100644
index 000000000..12748dfa2
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-disabled.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <!-- Test: if textarea is disabled, it is barred from constraint validation
+ and should not be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='notvalid' disabled></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-disabled.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-disabled.html
new file mode 100644
index 000000000..2a07363ce
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <script>
+ function doTest() {
+ document.getElementById('t').disabled='true';
+ document.documentElement.className='';
+ }
+ document.addEventListener("MozReftestInvalidate", doTest, false);
+ </script>
+ </head>
+ <!-- Test: if textarea is disabled, it is barred from constraint validation
+ and should not be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='notvalid' id='t'></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled-changed.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled-changed.html
new file mode 100644
index 000000000..24faa3ecc
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled-changed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <script>
+ function doTest() {
+ document.getElementById('t').removeAttribute('disabled');
+ document.getElementById('t').value = '';
+ document.documentElement.className='';
+ }
+ document.addEventListener("MozReftestInvalidate", doTest, false);
+ </script>
+ </head>
+ <!-- Test: if textarea is not disabled and its value has been modifie,
+ it should be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='valid' id='t' disabled></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled.html
new file mode 100644
index 000000000..73e0876e9
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-disabled.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <script>
+ function doTest() {
+ document.getElementById('t').removeAttribute('disabled');
+ document.documentElement.className='';
+ }
+ document.addEventListener("MozReftestInvalidate", doTest, false);
+ </script>
+ </head>
+ <!-- Test: if textarea is not disabled but its value hasn't been modified,
+ it should not be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='notvalid' id='t' disabled></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly-changed.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly-changed.html
new file mode 100644
index 000000000..bf44240e1
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly-changed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <script>
+ function doTest() {
+ document.getElementById('t').removeAttribute('readonly');
+ document.getElementById('t').value = '';
+ document.documentElement.className='';
+ }
+ document.addEventListener("MozReftestInvalidate", doTest, false);
+ </script>
+ </head>
+ <!-- Test: if textarea is no longer readonly and its value has been modified,
+ it should be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='valid' id='t' readonly></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly.html
new file mode 100644
index 000000000..514b40eb8
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-not-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <script>
+ function doTest() {
+ document.getElementById('t').removeAttribute('readonly');
+ document.documentElement.className='';
+ }
+ document.addEventListener("MozReftestInvalidate", doTest, false);
+ </script>
+ </head>
+ <!-- Test: if textarea is no longer readonly but its value hasn't been modified,
+ it should not be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='notvalid' id='t' readonly></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-dyn-readonly.html b/layout/reftests/css-ui-valid/textarea/textarea-dyn-readonly.html
new file mode 100644
index 000000000..4fc894ca5
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-dyn-readonly.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <script>
+ function doTest() {
+ document.getElementById('t').readOnly='ro';
+ document.documentElement.className='';
+ }
+ document.addEventListener("MozReftestInvalidate", doTest, false);
+ </script>
+ </head>
+ <!-- Test: if textarea is readonly, it is barred from constraint validation
+ and should not be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='notvalid' id='t'></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend-ref.html b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend-ref.html
new file mode 100644
index 000000000..8e81d23f1
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <fieldset>
+ <legend>
+ <textarea class="ref"></textarea>
+ </legend>
+ </fieldset>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend.html b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend.html
new file mode 100644
index 000000000..8ec616374
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-legend.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <!-- Test: if textarea has a disabled fieldset ancestor, but is in the first
+ legend, it is not barred from constraint validation and should be
+ affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <fieldset disabled>
+ <legend>
+ <textarea class='notvalid'></textarea>
+ </legend>
+ </fieldset>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-fieldset-ref.html b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-ref.html
new file mode 100644
index 000000000..1d01eb043
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-fieldset-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <fieldset>
+ <fieldset>
+ <textarea class="ref"></textarea>
+ </fieldset>
+ </fieldset>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-novalidate.html b/layout/reftests/css-ui-valid/textarea/textarea-novalidate.html
new file mode 100644
index 000000000..adadc621b
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-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('t').value = 'foo';
+ document.documentElement.className = '';">
+ <form novalidate>
+ <textarea id='t' required class='notvalid'></textarea>
+ </form>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-readonly.html b/layout/reftests/css-ui-valid/textarea/textarea-readonly.html
new file mode 100644
index 000000000..f75dea171
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-readonly.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <!-- Test: if textarea is readonly, it is barred from constraint validation
+ and should not be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='notvalid' readonly></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-ref.html b/layout/reftests/css-ui-valid/textarea/textarea-ref.html
new file mode 100644
index 000000000..b370a02a0
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class="ref"></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-required-invalid.html b/layout/reftests/css-ui-valid/textarea/textarea-required-invalid.html
new file mode 100644
index 000000000..adbef2e79
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-required-invalid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <!-- Test: if textarea isn't valid nor barred from constraint validation,
+ it should not be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='notvalid' required></textarea>
+ </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-required-valid-changed.html b/layout/reftests/css-ui-valid/textarea/textarea-required-valid-changed.html
new file mode 100644
index 000000000..f6357d8bc
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-required-valid-changed.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html class='reftet-wait'>
+ <!-- Test: if textarea is valid and its value has been modified,
+ it should be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body onload="document.getElementById('t').value = 'foo';
+ document.documentElement.className = '';">
+ <textarea id='t' class='valid' required></textarea>
+ </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-required-valid.html b/layout/reftests/css-ui-valid/textarea/textarea-required-valid.html
new file mode 100644
index 000000000..e7cf83dc6
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-required-valid.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <!-- Test: if textarea is valid but its value hasn't been modified,
+ it should not be affected by :-moz-ui-valid pseudo-class. -->
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class='notvalid' required>foo</textarea>
+ </body>
+</html>
+
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-valid.html b/layout/reftests/css-ui-valid/textarea/textarea-valid.html
new file mode 100644
index 000000000..4b24c17b5
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-valid.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <!-- Test: if textarea is valid 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>
+ <textarea class='notvalid'></textarea>
+ </body>
+</html>
diff --git a/layout/reftests/css-ui-valid/textarea/textarea-withtext-ref.html b/layout/reftests/css-ui-valid/textarea/textarea-withtext-ref.html
new file mode 100644
index 000000000..a6a2b79cf
--- /dev/null
+++ b/layout/reftests/css-ui-valid/textarea/textarea-withtext-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+ <link rel='stylesheet' type='text/css' href='style.css'>
+ <body>
+ <textarea class="ref">foo</textarea>
+ </body>
+</html>