diff options
Diffstat (limited to '')
-rw-r--r-- | dom/html/test/test_bug605124-1.html | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/dom/html/test/test_bug605124-1.html b/dom/html/test/test_bug605124-1.html new file mode 100644 index 0000000000..d252987ee9 --- /dev/null +++ b/dom/html/test/test_bug605124-1.html @@ -0,0 +1,98 @@ +<!DOCTYPE HTML> +<html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=605124 +--> +<head> + <title>Test for Bug 605124</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> +</head> +<body> +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=605124">Mozilla Bug 605124</a> +<p id="display"></p> +<div id="content"> + <form> + <textarea required></textarea> + <input required> + <select required></select> + <button type='submit'></button> + </form> + + <table> + <form> + <tr> + <textarea required></textarea> + <input required> + <select required></select> + <button type='submit'></button> + </tr> + </form> + </table> +</div> +<pre id="test"> +<script type="application/javascript"> + +/** Test for Bug 605124 **/ + +function checkPseudoClass(aElement, aExpected) +{ + is(aElement.matches(":user-invalid"), aExpected, + "matches(':user-invalid') should return " + aExpected + " for " + aElement); +} + +var content = document.getElementById('content'); +var textarea = document.getElementsByTagName('textarea')[0]; +var input = document.getElementsByTagName('input')[0]; +var select = document.getElementsByTagName('select')[0]; +var button = document.getElementsByTagName('button')[0]; +var form = document.forms[0]; + +checkPseudoClass(textarea, false); +checkPseudoClass(input, false); +checkPseudoClass(select, false); + +// Try to submit. +button.click(); +checkPseudoClass(textarea, true); +checkPseudoClass(input, true); +checkPseudoClass(select, true); + +// No longer in the form. +content.appendChild(textarea); +content.appendChild(input); +content.appendChild(select); +checkPseudoClass(textarea, true); +checkPseudoClass(input, true); +checkPseudoClass(select, true); + +// Back in the form. +form.appendChild(textarea); +form.appendChild(input); +form.appendChild(select); +checkPseudoClass(textarea, true); +checkPseudoClass(input, true); +checkPseudoClass(select, true); + +/* Case when elements get orphaned. */ +var textarea = document.getElementsByTagName('textarea')[1]; +var input = document.getElementsByTagName('input')[1]; +var select = document.getElementsByTagName('select')[1]; +var button = document.getElementsByTagName('button')[1]; +var form = document.forms[1]; + +// Try to submit. +button.click(); +checkPseudoClass(textarea, true); +checkPseudoClass(input, true); +checkPseudoClass(select, true); + +// Remove the form. +document.getElementsByTagName('table')[0].removeChild(form); +checkPseudoClass(textarea, true); +checkPseudoClass(input, true); +checkPseudoClass(select, true); +</script> +</pre> +</body> +</html> |