diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /dom/html/test/test_bug605125-2.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'dom/html/test/test_bug605125-2.html')
| -rw-r--r-- | dom/html/test/test_bug605125-2.html | 149 |
1 files changed, 149 insertions, 0 deletions
diff --git a/dom/html/test/test_bug605125-2.html b/dom/html/test/test_bug605125-2.html new file mode 100644 index 0000000000..ea1195e189 --- /dev/null +++ b/dom/html/test/test_bug605125-2.html @@ -0,0 +1,149 @@ +<!DOCTYPE HTML> +<html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=605125 +--> +<head> + <title>Test for Bug 605125</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <script src="/tests/SimpleTest/EventUtils.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=605125">Mozilla Bug 605125</a> +<p id="display"></p> +<div id="content"> + <input> + <textarea></textarea> + <select> + <option value="">foo</option> + <option>bar</option> + </select> + <select multiple> + <option value="">foo</option> + <option>bar</option> + </select> +</div> +<pre id="test"> +<script type="application/javascript"> + +/** Test for Bug 605125 **/ + +function checkPseudoClass(aElement, aExpected) +{ + is(aElement.matches(":user-valid"), aExpected, + "matches(':user-valid') should return " + aExpected + " for " + aElement.outerHTML); +} + +function checkElement(aElement) +{ + checkPseudoClass(aElement, false); + + // Focusing while :user-valid doesn't apply, + // the pseudo-class should not apply while typing. + aElement.focus(); + checkPseudoClass(aElement, false); + // with keys + sendString("f"); + checkPseudoClass(aElement, false); + synthesizeKey("KEY_Backspace"); + checkPseudoClass(aElement, false); + // with .value + aElement.value = 'f'; + checkPseudoClass(aElement, false); + aElement.value = ''; + checkPseudoClass(aElement, false); + + aElement.blur(); + checkPseudoClass(aElement, true); + + // Focusing while :user-valid applies, + // the pseudo-class should apply while typing if appropriate. + aElement.focus(); + checkPseudoClass(aElement, true); + // with keys + sendString("f"); + checkPseudoClass(aElement, true); + synthesizeKey("KEY_Backspace"); + checkPseudoClass(aElement, true); + // with .value + aElement.value = 'f'; + checkPseudoClass(aElement, true); + aElement.value = ''; + checkPseudoClass(aElement, true); + + aElement.blur(); + aElement.required = true; + checkPseudoClass(aElement, false); + + // Focusing while :user-invalid applies, + // the pseudo-class should apply while typing if appropriate. + aElement.focus(); + checkPseudoClass(aElement, false); + // with keys + sendString("f"); + checkPseudoClass(aElement, true); + synthesizeKey("KEY_Backspace"); + checkPseudoClass(aElement, false); + // with .value + aElement.value = 'f'; + checkPseudoClass(aElement, true); + aElement.value = ''; + checkPseudoClass(aElement, false); +} + +function checkSelectElement(aElement) +{ + checkPseudoClass(aElement, false); + + if (!aElement.multiple && navigator.platform.startsWith("Mac")) { + // Arrow key on macOS opens the popup. + return; + } + + // Focusing while :user-valid doesn't apply, + // the pseudo-class should not apply while changing selection. + aElement.focus(); + checkPseudoClass(aElement, false); + + synthesizeKey("KEY_ArrowDown"); + checkPseudoClass(aElement, true); + + // Focusing while :user-valid applies, + // the pseudo-class should apply while changing selection if appropriate. + aElement.focus(); + checkPseudoClass(aElement, true); + + aElement.selectedIndex = 1; + checkPseudoClass(aElement, true); + aElement.selectedIndex = 0; + checkPseudoClass(aElement, true); + + aElement.blur(); + aElement.required = true; + // select set with multiple is only invalid if no option is selected + if (aElement.multiple) { + aElement.selectedIndex = -1; + } + checkPseudoClass(aElement, false); + + // Focusing while :user-invalid applies, + // the pseudo-class should apply while changing selection if appropriate. + aElement.focus(); + checkPseudoClass(aElement, false); + + synthesizeKey("KEY_ArrowDown"); + checkPseudoClass(aElement, true); + aElement.selectedIndex = 0; + checkPseudoClass(aElement, aElement.multiple); +} + +checkElement(document.getElementsByTagName('input')[0]); +checkElement(document.getElementsByTagName('textarea')[0]); +checkSelectElement(document.getElementsByTagName('select')[0]); +checkSelectElement(document.getElementsByTagName('select')[1]); + +</script> +</pre> +</body> +</html> |