Bug 768766 - Make css-valid tests use MozReftestInvalidate and mark them as fuzzy. r=roc

This commit is contained in:
Matt Woodrow 2012-08-29 17:48:44 +12:00
Родитель 7e7fde4fd3
Коммит 3311401185
43 изменённых файлов: 324 добавлений и 90 удалений

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if input has a custom error, it should be affected by :invalid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').setCustomValidity('foo'); document.documentElement.className='';">
<body>
<input class='invalid' id='t'>
</body>
</html>

Просмотреть файл

@ -5,15 +5,16 @@
it should not be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
function doTest()
{
var i = document.getElementById('i');
i.setCustomValidity('foo');
i.type = 'text';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body onload="onLoadHandler();">
<body>
<input class='invalid' type='button' id='i'>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
== input-valid.html input-ref.html
== input-customerror.html input-ref.html
fuzzy(11,4) == input-customerror.html input-ref.html
fails-if(Android) == input-disabled.html input-ref.html
fails-if(Android) == input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
@ -19,7 +19,7 @@ fails-if(Android) == input-dyn-disabled.html input-ref.html
== input-pattern-valid.html input-withtext-ref.html
== input-pattern-invalid.html input-withtext-ref.html
== input-type-barred.html input-button-ref.html
== input-type-invalid.html input-ref.html
fuzzy(11,4) == input-type-invalid.html input-ref.html
== input-disabled-fieldset-1.html input-fieldset-ref.html
== input-disabled-fieldset-2.html input-fieldset-ref.html
== input-fieldset-legend.html input-fieldset-legend-ref.html

Просмотреть файл

@ -1,11 +1,11 @@
== textarea-valid.html textarea-ref.html
== textarea-customerror.html textarea-ref.html
fuzzy(11,4) == textarea-customerror.html textarea-ref.html
fails-if(Android) == textarea-disabled.html textarea-ref.html
fails-if(Android) == textarea-dyn-disabled.html textarea-ref.html
== textarea-dyn-not-disabled.html textarea-ref.html
fuzzy(11,4) fails-if(Android) == textarea-dyn-disabled.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-disabled.html textarea-ref.html
== textarea-readonly.html textarea-ref.html
== textarea-dyn-readonly.html textarea-ref.html
== textarea-dyn-not-readonly.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-readonly.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-readonly.html textarea-ref.html
== textarea-maxlength-valid.html textarea-ref.html
== textarea-maxlength-invalid.html textarea-withtext-ref.html
== textarea-required-valid.html textarea-withtext-ref.html

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea has a custom error, it should be affected by :invalid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').setCustomValidity('foo'); document.documentElement.className='';">
<body>
<textarea class='invalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -4,15 +4,16 @@
validation and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
function doTest()
{
var e = document.getElementById('t');
e.setCustomValidity('foo');
e.disabled = 'true';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body onload="onLoadHandler();">
<body>
<textarea class='notinvalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -5,15 +5,16 @@
by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
function doTest()
{
var e = document.getElementById('t');
e.setCustomValidity('foo');
e.removeAttribute('disabled');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body onload="onLoadHandler();">
<body>
<textarea class='invalid' id='t' disabled></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('readonly');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is no longer readonly, it is candidate for constraint
validation and should be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('readonly'); document.documentElement.className='';">
<body>
<textarea class='invalid' id='t' readonly required></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').readOnly='ro';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is readonly, it is barred from constraint validation
and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').readOnly='ro'; document.documentElement.className='';">
<body>
<textarea class='notinvalid' id='t' required></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if input has a custom error, it should be affected by :-moz-ui-invalid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').setCustomValidity('foo'); document.documentElement.className='';">
<body>
<input class='invalid' id='t'>
</body>
</html>

Просмотреть файл

@ -5,15 +5,16 @@
it should not be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
function doTest()
{
var i = document.getElementById('i');
i.setCustomValidity('foo');
i.type = 'text';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body onload="onLoadHandler();">
<body>
<input class='invalid' type='button' id='i'>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
== input-valid.html input-ref.html
== input-customerror.html input-ref.html
fuzzy(64,4) == input-customerror.html input-ref.html
fails-if(Android) == input-disabled.html input-ref.html
fails-if(Android) == input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
@ -25,7 +25,7 @@ fails-if(Android) == input-dyn-disabled.html input-ref.html
== input-pattern-invalid-default.html input-withtext-ref.html
== input-pattern-invalid-changed.html input-withtext-ref.html
== input-type-barred.html input-button-ref.html
== input-type-invalid.html input-ref.html
fuzzy(64,4) == input-type-invalid.html input-ref.html
== input-disabled-fieldset-1.html input-fieldset-ref.html
== input-disabled-fieldset-2.html input-fieldset-ref.html
== input-fieldset-legend.html input-fieldset-legend-ref.html

Просмотреть файл

@ -1,18 +1,18 @@
== textarea-valid.html textarea-ref.html
== textarea-customerror.html textarea-ref.html
fuzzy(11,4) == textarea-customerror.html textarea-ref.html
fails-if(Android) == textarea-disabled.html textarea-ref.html
fails-if(Android) == textarea-dyn-disabled.html textarea-ref.html
== textarea-dyn-not-disabled.html textarea-ref.html
fuzzy(11,4) fails-if(Android) == textarea-dyn-disabled.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-disabled.html textarea-ref.html
== textarea-readonly.html textarea-ref.html
== textarea-dyn-readonly.html textarea-ref.html
== textarea-dyn-not-readonly-not-changed.html textarea-ref.html
== textarea-dyn-not-readonly-changed.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-readonly.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-readonly-not-changed.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-readonly-changed.html textarea-ref.html
== textarea-maxlength-valid.html textarea-ref.html
== textarea-maxlength-invalid.html textarea-withtext-ref.html
== textarea-maxlength-default-value-invalid.html textarea-withtext-ref.html
== textarea-required-valid.html textarea-withtext-ref.html
== textarea-required-invalid.html textarea-ref.html
== textarea-required-invalid-changed.html textarea-ref.html
fuzzy(11,4) == textarea-required-invalid-changed.html textarea-ref.html
== textarea-disabled-fieldset-1.html textarea-fieldset-ref.html
== textarea-disabled-fieldset-2.html textarea-fieldset-ref.html
== textarea-novalidate.html textarea-ref.html

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea has a custom error, it should be affected by :-moz-ui-invalid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').setCustomValidity('foo'); document.documentElement.className='';">
<body>
<textarea class='invalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -4,15 +4,16 @@
validation and should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
function doTest()
{
var e = document.getElementById('t');
e.setCustomValidity('foo');
e.disabled = 'true';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body onload="onLoadHandler();">
<body>
<textarea class='notinvalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -5,15 +5,16 @@
by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
function doTest()
{
var e = document.getElementById('t');
e.setCustomValidity('foo');
e.removeAttribute('disabled');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body onload="onLoadHandler();">
<body>
<textarea class='invalid' id='t' disabled></textarea>
</body>
</html>

Просмотреть файл

@ -1,11 +1,19 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('readonly');
document.getElementById('t').value = '';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is no longer readonly and has it's value changed,
it's affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('readonly');
document.getElementById('t').value = '';
document.documentElement.className='';">
<body>
<textarea class='invalid' id='t' readonly required></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('readonly');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is no longer readonly, but doesn't have it's value changed,
it's not affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('readonly'); document.documentElement.className='';">
<body>
<textarea class='notinvalid' id='t' readonly required></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').readOnly='ro';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is readonly, it is barred from constraint validation
and should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').readOnly='ro'; document.documentElement.className='';">
<body>
<textarea class='notinvalid' id='t' required></textarea>
</body>
</html>

Просмотреть файл

@ -1,10 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').value = '';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea isn't valid and it's value has been changed,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').value = '';
document.documentElement.className='';">
<body>
<textarea id='t' class='invalid' required></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if input has a custom error, it should not be affected by :-moz-ui-valid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').setCustomValidity('foo'); document.documentElement.className='';">
<body>
<input class='notvalid' id='t'>
</body>
</html>

Просмотреть файл

@ -5,15 +5,16 @@
it should not be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
function doTest()
{
var i = document.getElementById('i');
i.setCustomValidity('foo');
i.type = 'text';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body onload="onLoadHandler();">
<body>
<input class='notvalid' type='button' id='i'>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
== input-valid.html input-ref.html
== input-customerror.html input-ref.html
fuzzy(11,4) == input-customerror.html input-ref.html
fails-if(Android) == input-disabled.html input-ref.html
fails-if(Android) == input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
@ -26,7 +26,7 @@ fails-if(Android) == input-dyn-disabled.html input-ref.html
== input-pattern-valid-changed.html input-withtext-ref.html
== input-pattern-invalid.html input-withtext-ref.html
== input-type-barred.html input-button-ref.html
== input-type-invalid.html input-ref.html
fuzzy(64,4) == input-type-invalid.html input-ref.html
== input-disabled-fieldset-1.html input-fieldset-ref.html
== input-disabled-fieldset-2.html input-fieldset-ref.html
== input-fieldset-legend.html input-fieldset-legend-ref.html

Просмотреть файл

@ -11,7 +11,7 @@ needs-focus == select-required-valid-changed-1.html select-required-ref.html
needs-focus == select-required-valid-changed-2.html select-required-ref.html
needs-focus == select-required-multiple-invalid.html select-required-multiple-ref.html
needs-focus == select-required-multiple-valid.html select-required-multiple-ref.html
needs-focus == select-required-multiple-valid-changed.html select-required-multiple-ref.html
fuzzy(64,4) needs-focus == select-required-multiple-valid-changed.html select-required-multiple-ref.html
fails-if(Android) needs-focus == select-disabled-fieldset-1.html select-fieldset-ref.html
fails-if(Android) needs-focus == select-disabled-fieldset-2.html select-fieldset-ref.html
needs-focus == select-fieldset-legend.html select-fieldset-legend-ref.html

Просмотреть файл

@ -1,13 +1,21 @@
<!DOCTYPE html>
<html class='reftest-wait'>
<head>
<script>
function doTest() {
document.getElementById('s').options[0].selected = false;
document.getElementById('s').options[1].selected = false;
document.getElementById('s').options[0].selected = true;
document.getElementById('s').options[1].selected = true;
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if select is required and has at least one option selected and the
selection did changed, :-moz-ui-valid should not apply. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('s').options[0].selected = false;
document.getElementById('s').options[1].selected = false;
document.getElementById('s').options[0].selected = true;
document.getElementById('s').options[1].selected = true;
document.documentElement.className = '';">
<body>
<select id='s' class='valid' required multiple>
<option selected></option>
<option selected>foo</option>

Просмотреть файл

@ -1,15 +1,15 @@
== textarea-valid.html textarea-ref.html
== textarea-customerror.html textarea-ref.html
fuzzy(11,4) == textarea-customerror.html textarea-ref.html
fails-if(Android) == textarea-disabled.html textarea-ref.html
fails-if(Android) == textarea-dyn-disabled.html textarea-ref.html
== textarea-dyn-not-disabled.html textarea-ref.html
== textarea-dyn-not-disabled-changed.html textarea-ref.html
fuzzy(11,4) fails-if(Android) == textarea-dyn-disabled.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-disabled.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-disabled-changed.html textarea-ref.html
== textarea-readonly.html textarea-ref.html
== textarea-dyn-readonly.html textarea-ref.html
== textarea-dyn-not-readonly.html textarea-ref.html
== textarea-dyn-not-readonly-changed.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-readonly.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-readonly.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-readonly-changed.html textarea-ref.html
== textarea-maxlength-valid.html textarea-ref.html
== textarea-maxlength-valid-changed.html textarea-ref.html
fuzzy(11,4) == textarea-maxlength-valid-changed.html textarea-ref.html
== textarea-maxlength-invalid.html textarea-withtext-ref.html
== textarea-required-valid.html textarea-withtext-ref.html
== textarea-required-valid-changed.html textarea-withtext-ref.html

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea has a custom error, it should not be affected by :-moz-ui-valid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').setCustomValidity('foo'); document.documentElement.className='';">
<body>
<textarea class='notvalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').disabled='true';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is disabled, it is barred from constraint validation
and should not be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').disabled='true'; document.documentElement.className='';">
<body>
<textarea class='notvalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -1,11 +1,19 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('disabled');
document.getElementById('t').value = '';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is not disabled and its value has been modifie,
it should be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('disabled');
document.getElementById('t').value = '';
document.documentElement.className='';">
<body>
<textarea class='valid' id='t' disabled></textarea>
</body>
</html>

Просмотреть файл

@ -1,10 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('disabled');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is not disabled but its value hasn't been modified,
it should not be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('disabled');
document.documentElement.className='';">
<body>
<textarea class='notvalid' id='t' disabled></textarea>
</body>
</html>

Просмотреть файл

@ -1,11 +1,19 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('readonly');
document.getElementById('t').value = '';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is no longer readonly and its value has been modified,
it should be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('readonly');
document.getElementById('t').value = '';
document.documentElement.className='';">
<body>
<textarea class='valid' id='t' readonly></textarea>
</body>
</html>

Просмотреть файл

@ -1,10 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('readonly');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is no longer readonly but its value hasn't been modified,
it should not be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('readonly');
document.documentElement.className='';">
<body>
<textarea class='notvalid' id='t' readonly></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').readOnly='ro';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is readonly, it is barred from constraint validation
and should not be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').readOnly='ro'; document.documentElement.className='';">
<body>
<textarea class='notvalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -1,10 +1,18 @@
<!DOCTYPE html>
<html class='reftest-wait'>
<head>
<script>
function doTest() {
document.getElementById('t').value = '';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is valid and its value has been modified,
it should be affected by :-moz-ui-valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').value = '';
document.documentElement.className = '';">
<body>
<textarea id='t' class='valid' maxlength="2"></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if input has a custom error, it should not be affected by :valid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').setCustomValidity('foo'); document.documentElement.className='';">
<body>
<input class='notvalid' id='t'>
</body>
</html>

Просмотреть файл

@ -5,15 +5,16 @@
it should not be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
function doTest()
{
var i = document.getElementById('i');
i.setCustomValidity('foo');
i.type = 'text';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body onload="onLoadHandler();">
<body>
<input class='notvalid' type='button' id='i'>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
== input-valid.html input-ref.html
== input-customerror.html input-ref.html
fuzzy(64,4) == input-customerror.html input-ref.html
fails-if(Android) == input-disabled.html input-ref.html
fails-if(Android) == input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
@ -19,7 +19,7 @@ fails-if(Android) == input-dyn-disabled.html input-ref.html
== input-pattern-valid.html input-withtext-ref.html
== input-pattern-invalid.html input-withtext-ref.html
== input-type-barred.html input-button-ref.html
== input-type-invalid.html input-ref.html
fuzzy(64,4) == input-type-invalid.html input-ref.html
== input-disabled-fieldset-1.html input-fieldset-ref.html
== input-disabled-fieldset-2.html input-fieldset-ref.html
== input-fieldset-legend.html input-fieldset-legend-ref.html

Просмотреть файл

@ -1,11 +1,11 @@
== textarea-valid.html textarea-ref.html
== textarea-customerror.html textarea-ref.html
fuzzy(11,4) == textarea-customerror.html textarea-ref.html
fails-if(Android) == textarea-disabled.html textarea-ref.html
fails-if(Android) == textarea-dyn-disabled.html textarea-ref.html
== textarea-dyn-not-disabled.html textarea-ref.html
fuzzy(11,4) fails-if(Android) == textarea-dyn-disabled.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-disabled.html textarea-ref.html
== textarea-readonly.html textarea-ref.html
== textarea-dyn-readonly.html textarea-ref.html
== textarea-dyn-not-readonly.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-readonly.html textarea-ref.html
fuzzy(11,4) == textarea-dyn-not-readonly.html textarea-ref.html
== textarea-maxlength-valid.html textarea-ref.html
== textarea-maxlength-invalid.html textarea-withtext-ref.html
== textarea-required-valid.html textarea-withtext-ref.html

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea has a custom error, it should not be affected by :valid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').setCustomValidity('foo'); document.documentElement.className='';">
<body>
<textarea class='notvalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').disabled='true';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is disabled, it is barred from constraint validation
and should not be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').disabled='true'; document.documentElement.className='';">
<body>
<textarea class='notvalid' id='t'></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('disabled');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is not disabled, it is candidate for constraint validation
and should be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('disabled'); document.documentElement.className='';">
<body>
<textarea class='valid' id='t' disabled></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').removeAttribute('readonly');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is no longer readonly, it is candidate for constraint
validation and should be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('readonly'); document.documentElement.className='';">
<body>
<textarea class='valid' id='t' readonly></textarea>
</body>
</html>

Просмотреть файл

@ -1,9 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').readOnly='ro';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if textarea is readonly, it is barred from constraint validation
and should not be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').readOnly='ro'; document.documentElement.className='';">
<body>
<textarea class='notvalid' id='t'></textarea>
</body>
</html>