2010-11-23 15:50:53 -08:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<html>
|
|
|
|
<!--
|
|
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=605124
|
|
|
|
-->
|
|
|
|
<head>
|
|
|
|
<title>Test for Bug 605124</title>
|
|
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
<script type="application/javascript" 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=605124">Mozilla Bug 605124</a>
|
|
|
|
<p id="display"></p>
|
|
|
|
<div id="content">
|
|
|
|
<input required>
|
|
|
|
<textarea required></textarea>
|
2010-11-24 02:09:31 -08:00
|
|
|
<select required>
|
|
|
|
<option value="">foo</option>
|
|
|
|
<option>bar</option>
|
|
|
|
</select>
|
|
|
|
<select multiple required>
|
|
|
|
<option value="">foo</option>
|
|
|
|
<option>bar</option>
|
|
|
|
</select>
|
2010-11-23 15:50:53 -08:00
|
|
|
</div>
|
|
|
|
<pre id="test">
|
|
|
|
<script type="application/javascript">
|
|
|
|
|
|
|
|
/** Test for Bug 605124 **/
|
|
|
|
|
|
|
|
function checkPseudoClass(aElement, aExpected)
|
|
|
|
{
|
2014-08-12 05:30:59 -07:00
|
|
|
is(aElement.matches(":-moz-ui-invalid"), aExpected,
|
|
|
|
"matches(':-moz-ui-invalid') should return " + aExpected + " for " + aElement);
|
2010-11-23 15:50:53 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
function checkElement(aElement)
|
|
|
|
{
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
|
|
|
|
// Focusing while :-moz-ui-invalid doesn't apply,
|
|
|
|
// the pseudo-class should not apply while typing.
|
|
|
|
aElement.focus();
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
// with keys
|
|
|
|
synthesizeKey('f', {});
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
synthesizeKey('VK_BACK_SPACE', {});
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
// with .value
|
|
|
|
aElement.value = 'f';
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
aElement.value = '';
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
|
|
|
|
aElement.blur();
|
|
|
|
checkPseudoClass(aElement, true);
|
|
|
|
|
|
|
|
// Focusing while :-moz-ui-invalid applies,
|
|
|
|
// the pseudo-class should apply while typing if appropriate.
|
|
|
|
aElement.focus();
|
|
|
|
checkPseudoClass(aElement, true);
|
|
|
|
// with keys
|
|
|
|
synthesizeKey('f', {});
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
synthesizeKey('VK_BACK_SPACE', {});
|
|
|
|
checkPseudoClass(aElement, true);
|
|
|
|
// with .value
|
|
|
|
aElement.value = 'f';
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
aElement.value = '';
|
|
|
|
checkPseudoClass(aElement, true);
|
|
|
|
}
|
|
|
|
|
2010-11-24 02:09:31 -08:00
|
|
|
function checkSelectElement(aElement)
|
|
|
|
{
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
|
|
|
|
// Focusing while :-moz-ui-invalid doesn't apply,
|
|
|
|
// the pseudo-class should not apply while changing selection.
|
|
|
|
aElement.focus();
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
|
|
|
|
aElement.selectedIndex = 1;
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
aElement.selectedIndex = 0;
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
|
|
|
|
aElement.blur();
|
|
|
|
checkPseudoClass(aElement, true);
|
|
|
|
|
|
|
|
// Focusing while :-moz-ui-invalid applies,
|
|
|
|
// the pseudo-class should apply while changing selection if appropriate.
|
|
|
|
aElement.focus();
|
|
|
|
checkPseudoClass(aElement, true);
|
|
|
|
|
|
|
|
aElement.selectedIndex = 1;
|
|
|
|
checkPseudoClass(aElement, false);
|
|
|
|
aElement.selectedIndex = 0;
|
|
|
|
checkPseudoClass(aElement, true);
|
|
|
|
}
|
|
|
|
|
2010-11-23 15:50:53 -08:00
|
|
|
checkElement(document.getElementsByTagName('input')[0]);
|
|
|
|
checkElement(document.getElementsByTagName('textarea')[0]);
|
2010-11-24 02:09:31 -08:00
|
|
|
checkSelectElement(document.getElementsByTagName('select')[0]);
|
|
|
|
checkSelectElement(document.getElementsByTagName('select')[1]);
|
2010-11-23 15:50:53 -08:00
|
|
|
|
|
|
|
</script>
|
|
|
|
</pre>
|
|
|
|
</body>
|
|
|
|
</html>
|