mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-10 03:45:46 +00:00
0d460e3432
This is split from the previous changeset since if we include dom/ the file size is too large for phabricator to handle. This is an autogenerated commit to handle scripts loading mochitest harness files, in the simple case where the script src is on the same line as the tag. This was generated with https://bug1544322.bmoattachments.org/attachment.cgi?id=9058170 using the `--part 2` argument. Differential Revision: https://phabricator.services.mozilla.com/D27457 --HG-- extra : moz-landing-system : lando
213 lines
4.5 KiB
HTML
213 lines
4.5 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=558788
|
|
-->
|
|
<head>
|
|
<title>Test for Bug 558788</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"/>
|
|
<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).getPropertyValue('background-color'),
|
|
"rgb(0, 255, 0)", ":valid pseudo-class should apply");
|
|
}
|
|
|
|
function checkInvalidApplies(elmt, aTodo)
|
|
{
|
|
if (aTodo) {
|
|
todo_is(window.getComputedStyle(elmt).getPropertyValue('background-color'),
|
|
"rgb(255, 0, 0)", ":invalid pseudo-class should apply");
|
|
return;
|
|
}
|
|
is(window.getComputedStyle(elmt).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();
|
|
|
|
sendString("a");
|
|
checkValidApplies(element);
|
|
|
|
synthesizeKey("KEY_Backspace");
|
|
checkInvalidApplies(element);
|
|
|
|
gContent.removeChild(element);
|
|
}
|
|
|
|
function checkTooLong(elementName)
|
|
{
|
|
var element = document.createElement(elementName);
|
|
element.value = "foo";
|
|
element.maxLength = 2;
|
|
gContent.appendChild(element);
|
|
checkInvalidApplies(element, true);
|
|
|
|
element.focus();
|
|
|
|
synthesizeKey("KEY_Backspace");
|
|
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();
|
|
|
|
sendString("a");
|
|
checkInvalidApplies(element);
|
|
|
|
sendString("@b.c");
|
|
checkValidApplies(element);
|
|
|
|
synthesizeKey("KEY_Backspace");
|
|
for (var i=0; i<4; ++i) {
|
|
if (i == 1) {
|
|
// a@b is a valid value.
|
|
checkValidApplies(element);
|
|
} else {
|
|
checkInvalidApplies(element);
|
|
}
|
|
synthesizeKey("KEY_Backspace");
|
|
}
|
|
checkValidApplies(element);
|
|
|
|
gContent.removeChild(element);
|
|
}
|
|
|
|
function checkInputURL()
|
|
{
|
|
var element = document.createElement('input');
|
|
element.type = 'url';
|
|
gContent.appendChild(element);
|
|
checkValidApplies(element);
|
|
|
|
element.focus();
|
|
|
|
sendString("h");
|
|
checkInvalidApplies(element);
|
|
|
|
sendString("ttp://mozilla.org");
|
|
checkValidApplies(element);
|
|
|
|
for (var i=0; i<10; ++i) {
|
|
synthesizeKey("KEY_Backspace");
|
|
checkValidApplies(element);
|
|
}
|
|
|
|
synthesizeKey("KEY_Backspace");
|
|
// "http://" is now invalid
|
|
for (var i=0; i<7; ++i) {
|
|
checkInvalidApplies(element);
|
|
synthesizeKey("KEY_Backspace");
|
|
}
|
|
checkValidApplies(element);
|
|
|
|
gContent.removeChild(element);
|
|
}
|
|
|
|
function checkInputPattern()
|
|
{
|
|
var element = document.createElement('input');
|
|
element.pattern = "[0-9]*"
|
|
gContent.appendChild(element);
|
|
checkValidApplies(element);
|
|
|
|
element.focus();
|
|
|
|
sendString("0");
|
|
checkValidApplies(element);
|
|
|
|
sendString("a");
|
|
checkInvalidApplies(element);
|
|
|
|
synthesizeKey("KEY_Backspace");
|
|
checkValidApplies(element);
|
|
|
|
synthesizeKey("KEY_Backspace");
|
|
checkValidApplies(element);
|
|
|
|
gContent.removeChild(element);
|
|
}
|
|
|
|
function checkInput()
|
|
{
|
|
checkInputMissing();
|
|
checkInputTooLong();
|
|
checkInputEmail();
|
|
checkInputURL();
|
|
checkInputPattern();
|
|
}
|
|
|
|
checkTextArea();
|
|
checkInput();
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|