Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-30 05:35:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
e4b3f7ccbb
gecko-dev/dom/html/test/test_bug558788-1.html

213 lines
4.6 KiB
HTML
Raw Normal View History

Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=558788
-->
<head>
<title>Test for Bug 558788</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"/>
<style>
input, textarea { background-color: rgb(0,0,0) !important; }
:-moz-any(input,textarea):valid { background-color: rgb(0,255,0) !important; }
:-moz-any(input,textarea):invalid { background-color: rgb(255,0,0) !important; }
</style>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=558788">Mozilla Bug 558788</a>
<p id="display"></p>
<div id="content">
</div>
<pre id="test">
<script type="application/javascript">
/** Test for Bug 558788 **/
/**
* This test checks the behavior of :valid and :invalid pseudo-classes
* when the user is typing/interacting with the element.
* Only <input> and <textarea> elements can have there validity changed by an
* user input.
*/
var gContent = document.getElementById('content');
function checkValidApplies(elmt)
{
is(window.getComputedStyle(elmt, null).getPropertyValue('background-color'),
"rgb(0, 255, 0)", ":valid pseudo-class should apply");
}
Bug 613021 - Don't make an element invalid if the value length is higher than the maxlength value. r=sicking a=blocking-b9
2010-11-23 14:17:12 +00:00
function checkInvalidApplies(elmt, aTodo)
Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
{
Bug 613021 - Don't make an element invalid if the value length is higher than the maxlength value. r=sicking a=blocking-b9
2010-11-23 14:17:12 +00:00
if (aTodo) {
todo_is(window.getComputedStyle(elmt, null).getPropertyValue('background-color'),
"rgb(255, 0, 0)", ":invalid pseudo-class should apply");
return;
}
Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
is(window.getComputedStyle(elmt, null).getPropertyValue('background-color'),
"rgb(255, 0, 0)", ":invalid pseudo-class should apply");
}
function checkMissing(elementName)
{
var element = document.createElement(elementName);
element.required = true;
gContent.appendChild(element);
checkInvalidApplies(element);
element.focus();
synthesizeKey("a", {});
checkValidApplies(element);
synthesizeKey("VK_BACK_SPACE", {});
checkInvalidApplies(element);
gContent.removeChild(element);
}
function checkTooLong(elementName)
{
var element = document.createElement(elementName);
element.value = "foo";
element.maxLength = 2;
gContent.appendChild(element);
Bug 613021 - Don't make an element invalid if the value length is higher than the maxlength value. r=sicking a=blocking-b9
2010-11-23 14:17:12 +00:00
checkInvalidApplies(element, true);
Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
element.focus();
synthesizeKey("VK_BACK_SPACE", {});
checkValidApplies(element);
gContent.removeChild(element);
}
function checkTextAreaMissing()
{
checkMissing('textarea');
}
function checkTextAreaTooLong()
{
checkTooLong('textarea');
}
function checkTextArea()
{
checkTextAreaMissing();
checkTextAreaTooLong();
}
function checkInputMissing()
{
checkMissing('input');
}
function checkInputTooLong()
{
checkTooLong('input');
}
function checkInputEmail()
{
var element = document.createElement('input');
element.type = 'email';
gContent.appendChild(element);
checkValidApplies(element);
element.focus();
synthesizeKey("a", {});
checkInvalidApplies(element);
Bug 700199 EventUtils.js should use synthesized events for sendKey(), sendChar() and sendString() rather than untrusted events r=smaug+ehsan+dolske+enndeakin
2011-12-16 13:38:45 +00:00
sendString("@b.c");
Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
checkValidApplies(element);
synthesizeKey("VK_BACK_SPACE", {});
for (var i=0; i<4; ++i) {
Bug 627657 - Allow email's with no dot in the domain name for <input type='email'>. r=smaug a=sicking
2011-01-21 23:08:42 +00:00
if (i == 1) {
// a@b is a valid value.
checkValidApplies(element);
} else {
checkInvalidApplies(element);
}
Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
synthesizeKey("VK_BACK_SPACE", {});
}
checkValidApplies(element);
gContent.removeChild(element);
}
function checkInputURL()
{
var element = document.createElement('input');
element.type = 'url';
gContent.appendChild(element);
checkValidApplies(element);
element.focus();
synthesizeKey("h", {});
checkInvalidApplies(element);
Bug 700199 EventUtils.js should use synthesized events for sendKey(), sendChar() and sendString() rather than untrusted events r=smaug+ehsan+dolske+enndeakin
2011-12-16 13:38:45 +00:00
sendString("ttp://mozilla.org");
Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
checkValidApplies(element);
Bug 1275746 - Fix tests that assume a HTTP url without a hostname is valid r=jrgm,MattN,jdm,gijs,smaug MozReview-Commit-ID: DzRenakrcAG
2016-07-13 12:19:34 +00:00
for (var i=0; i<10; ++i) {
Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
synthesizeKey("VK_BACK_SPACE", {});
checkValidApplies(element);
}
synthesizeKey("VK_BACK_SPACE", {});
Bug 1275746 - Fix tests that assume a HTTP url without a hostname is valid r=jrgm,MattN,jdm,gijs,smaug MozReview-Commit-ID: DzRenakrcAG
2016-07-13 12:19:34 +00:00
// "http://" is now invalid
for (var i=0; i<7; ++i) {
Bug 558788 - Valid/Invalid form elements should change their state to use CSS3 pseudo-classes :valid and :invalid. f=ehsan r=sicking,dbaron sr=jst a2.0=blocking
2010-08-21 17:52:57 +00:00
checkInvalidApplies(element);
synthesizeKey("VK_BACK_SPACE", {});
}
checkValidApplies(element);
gContent.removeChild(element);
}
function checkInputPattern()
{
var element = document.createElement('input');
element.pattern = "[0-9]*"
gContent.appendChild(element);
checkValidApplies(element);
element.focus();
synthesizeKey("0", {});
checkValidApplies(element);
synthesizeKey("a", {});
checkInvalidApplies(element);
synthesizeKey("VK_BACK_SPACE", {});
checkValidApplies(element);
synthesizeKey("VK_BACK_SPACE", {});
checkValidApplies(element);
gContent.removeChild(element);
}
function checkInput()
{
checkInputMissing();
checkInputTooLong();
checkInputEmail();
checkInputURL();
checkInputPattern();
}
checkTextArea();
checkInput();
</script>
</pre>
</body>
</html>
Reference in New Issue Copy Permalink