gecko/toolkit/components/satchel/test/test_form_submission.html

436 lines
14 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Satchel Test for Form Submisstion</title>
<script type="text/javascript" src="/MochiKit/packed.js"></script>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="satchel_common.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none">
<!-- ===== Things that should not be saved. ===== -->
<!-- autocomplete=off for input -->
<form id="form1" onsubmit="return checkSubmit(1)">
<input type="text" name="test1" autocomplete="off">
<button type="submit">Submit</button>
</form>
<!-- autocomplete=off for form -->
<form id="form2" onsubmit="return checkSubmit(2)" autocomplete="off">
<input type="text" name="test1">
<button type="submit">Submit</button>
</form>
<!-- don't save type=hidden -->
<form id="form3" onsubmit="return checkSubmit(3)">
<input type="hidden" name="test1">
<button type="submit">Submit</button>
</form>
<!-- don't save type=checkbox -->
<form id="form4" onsubmit="return checkSubmit(4)">
<input type="checkbox" name="test1">
<button type="submit">Submit</button>
</form>
<!-- Don't save empty values. -->
<form id="form5" onsubmit="return checkSubmit(5)">
<input type="text" name="test1" value="originalValue">
<button type="submit">Submit</button>
</form>
<!-- Don't save unchanged values. -->
<form id="form6" onsubmit="return checkSubmit(6)">
<input type="text" name="test1" value="dontSaveThis">
<button type="submit">Submit</button>
</form>
<!-- Don't save unchanged values. (.value not touched) -->
<form id="form7" onsubmit="return checkSubmit(7)">
<input type="text" name="test1" value="dontSaveThis">
<button type="submit">Submit</button>
</form>
<!-- No field name or ID. -->
<form id="form8" onsubmit="return checkSubmit(8)">
<input type="text">
<button type="submit">Submit</button>
</form>
<!-- Nothing to save! -->
<form id="form9" onsubmit="return checkSubmit(9)">
<button type="submit">Submit</button>
</form>
<!-- input with name too long (300 chars.) -->
<form id="form10" onsubmit="return checkSubmit(10)">
<input type="text" name="12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890">
<button type="submit">Submit</button>
</form>
<!-- input with value too long (300 chars.) -->
<form id="form11" onsubmit="return checkSubmit(11)">
<input type="text" name="test1">
<button type="submit">Submit</button>
</form>
<!-- input with value of one space (which should be trimmed) -->
<form id="form12" onsubmit="return checkSubmit(12)">
<input type="text" name="test1">
<button type="submit">Submit</button>
</form>
<!-- password field -->
<form id="form13" onsubmit="return checkSubmit(13)">
<input type="password" name="test1">
<button type="submit">Submit</button>
</form>
<!-- password field (type changed after pageload) -->
<form id="form14" onsubmit="return checkSubmit(14)">
<input type="text" name="test1">
<button type="submit">Submit</button>
</form>
<!-- input with sensitive data (16 digit credit card number) -->
<form id="form15" onsubmit="return checkSubmit(15)">
<script type="text/javascript">
var form = document.getElementById('form15');
for (var i = 0; i != 10; i++)
{
var input = document.createElement('input');
input.type = 'text';
input.name = 'test' + (i + 1);
form.appendChild(input);
}
</script>
<button type="submit">Submit</button>
</form>
<!-- input with sensitive data (15 digit credit card number) -->
<form id="form16" onsubmit="return checkSubmit(16)">
<script type="text/javascript">
var form = document.getElementById('form16');
for (var i = 0; i != 10; i++)
{
var input = document.createElement('input');
input.type = 'text';
input.name = 'test' + (i + 1);
form.appendChild(input);
}
</script>
<button type="submit">Submit</button>
</form>
<!-- input with sensitive data (9 digit credit card number) -->
<form id="form17" onsubmit="return checkSubmit(17)">
<input type="text" name="test1">
<button type="submit">Submit</button>
</form>
<!-- input with sensitive data (16 digit hyphenated credit card number) -->
<form id="form18" onsubmit="return checkSubmit(18)">
<input type="text" name="test1">
<button type="submit">Submit</button>
</form>
<!-- input with sensitive data (15 digit whitespace-separated credit card number) -->
<form id="form19" onsubmit="return checkSubmit(19)">
<input type="text" name="test1">
<button type="submit">Submit</button>
</form>
<!-- ===== Things that should be saved ===== -->
<!-- input with no default value -->
<form id="form101" onsubmit="return checkSubmit(101)">
<input type="text" name="test1">
<button type="submit">Submit</button>
</form>
<!-- input with a default value -->
<form id="form102" onsubmit="return checkSubmit(102)">
<input type="text" name="test2" value="originalValue">
<button type="submit">Submit</button>
</form>
<!-- input uses id but not name -->
<form id="form103" onsubmit="return checkSubmit(103)">
<input type="text" id="test3">
<button type="submit">Submit</button>
</form>
<!-- input with leading and trailing space -->
<form id="form104" onsubmit="return checkSubmit(104)">
<input type="text" name="test4">
<button type="submit">Submit</button>
</form>
<!-- input with leading and trailing whitespace -->
<form id="form105" onsubmit="return checkSubmit(105)">
<input type="text" name="test5">
<button type="submit">Submit</button>
</form>
<!-- input that looks like sensitive data but doesn't
satisfy the requirements (incorrect length) -->
<form id="form106" onsubmit="return checkSubmit(106)">
<input type="text" name="test6">
<button type="submit">Submit</button>
</form>
<!-- input that looks like sensitive data but doesn't
satisfy the requirements (Luhn check fails for 16 chars) -->
<form id="form107" onsubmit="return checkSubmit(107)">
<script type="text/javascript">
var form = document.getElementById('form107');
for (var i = 0; i != 10; i++)
{
var input = document.createElement('input');
input.type = 'text';
input.name = 'test7_' + (i + 1);
form.appendChild(input);
}
</script>
<button type="submit">Submit</button>
</form>
<!-- input that looks like sensitive data but doesn't
satisfy the requirements (Luhn check fails for 15 chars) -->
<form id="form108" onsubmit="return checkSubmit(108)">
<script type="text/javascript">
var form = document.getElementById('form108');
for (var i = 0; i != 10; i++)
{
var input = document.createElement('input');
input.type = 'text';
input.name = 'test8_' + (i + 1);
form.appendChild(input);
}
</script>
<button type="submit">Submit</button>
</form>
</div>
<pre id="test">
<script class="testbody" type="text/javascript">
var numSubmittedForms = 0;
var ccNumbers = {
valid15: [
"930771457288760", "474915027480942",
"924894781317325", "714816113937185",
"790466087343106", "474320195408363",
"219211148122351", "633038472250799",
"354236732906484", "095347810189325",
],
valid16: [
"3091269135815020", "5471839082338112",
"0580828863575793", "5015290610002932",
"9465714503078607", "4302068493801686",
"2721398408985465", "6160334316984331",
"8643619970075142", "0218246069710785"
],
invalid15: [
"526931005800649", "724952425140686",
"379761391174135", "030551436468583",
"947377014076746", "254848023655752",
"226871580283345", "708025346034339",
"917585839076788", "918632588027666"
],
invalid16: [
"9946177098017064", "4081194386488872",
"3095975979578034", "3662215692222536",
"6723210018630429", "4411962856225025",
"8276996369036686", "4449796938248871",
"3350852696538147", "5011802870046957"
],
};
function startTest() {
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
ok(!fh.hasEntries, "checking for initially empty storage");
// Fill in values for the various fields. We could just set the <input>'s
// value attribute, but we don't save default form values (and we want to
// ensure unsaved values are because of autocomplete=off or whatever).
$_(1, "test1").value = "dontSaveThis";
$_(2, "test1").value = "dontSaveThis";
$_(3, "test1").value = "dontSaveThis";
$_(4, "test1").value = "dontSaveThis";
$_(5, "test1").value = "";
$_(6, "test1").value = "dontSaveThis";
// Form 7 deliberately left untouched.
// Form 8 has an input with no name or input attribute.
var input = document.getElementById("form8").elements[0];
is(input.type, "text", "checking we got unidentified input");
input.value = "dontSaveThis";
// Form 9 has nothing to modify.
$_(10, "12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890").value = "dontSaveThis";
$_(11, "test1").value = "12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890";
$_(12, "test1").value = " ";
$_(13, "test1").value = "dontSaveThis";
$_(14, "test1").type = "password";
$_(14, "test1").value = "dontSaveThis";
var testData = ccNumbers.valid16;
for (var i = 0; i != testData.length; i++) {
$_(15, "test" + (i + 1)).value = testData[i];
}
testData = ccNumbers.valid15;
for (var i = 0; i != testData.length; i++) {
$_(16, "test" + (i + 1)).value = testData[i];
}
$_(17, "test1").value = "001064088";
$_(18, "test1").value = "0000-0000-0080-4609";
$_(19, "test1").value = "0000 0000 0222 331";
$_(101, "test1").value = "savedValue";
$_(102, "test2").value = "savedValue";
$_(103, "test3").value = "savedValue";
$_(104, "test4").value = " trimTrailingAndLeadingSpace ";
$_(105, "test5").value = "\t trimTrailingAndLeadingWhitespace\t ";
$_(106, "test6").value = "00000000109181";
var testData = ccNumbers.invalid16;
for (var i = 0; i != testData.length; i++) {
$_(107, "test7_" + (i + 1)).value = testData[i];
}
var testData = ccNumbers.invalid15;
for (var i = 0; i != testData.length; i++) {
$_(108, "test8_" + (i + 1)).value = testData[i];
}
// submit the first form.
var button = getFormSubmitButton(1);
button.click();
}
// Called by each form's onsubmit handler.
function checkSubmit(formNum) {
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
ok(true, "form " + formNum + " submitted");
numSubmittedForms++;
// Check for expected storage state.
switch (formNum) {
// Test 1-19 should not save anything.
case 1:
case 2:
case 3:
case 4:
case 5:
case 6:
case 7:
case 8:
case 9:
case 10:
case 11:
case 12:
case 13:
case 14:
case 15:
case 16:
case 17:
case 18:
case 19:
ok(!fh.hasEntries, "checking for empty storage");
break;
// The other tests do save data...
case 101:
ok(fh.entryExists("test1", "savedValue"), "checking saved value");
break;
case 102:
ok(fh.entryExists("test2", "savedValue"), "checking saved value");
break;
case 103:
ok(fh.entryExists("test3", "savedValue"), "checking saved value");
break;
case 104:
ok(fh.entryExists("test4", "trimTrailingAndLeadingSpace"), "checking saved value is trimmed on both sides");
break;
case 105:
ok(fh.entryExists("test5", "trimTrailingAndLeadingWhitespace"), "checking saved value is trimmed on both sides");
break;
case 106:
ok(fh.entryExists("test6", "00000000109181"), "checking saved value");
break;
case 107:
for (var i = 0; i != ccNumbers.invalid16.length; i++) {
ok(fh.entryExists("test7_" + (i + 1), ccNumbers.invalid16[i]), "checking saved value");
}
break;
case 108:
for (var i = 0; i != ccNumbers.invalid15.length; i++) {
ok(fh.entryExists("test8_" + (i + 1), ccNumbers.invalid15[i]), "checking saved value");
}
break;
default:
ok(false, "Unexpected form submission");
break;
}
// Forms 13 and 14 would trigger a save-password notification. Tempoarily
// disable pwmgr, then reenable it.
if (formNum == 12)
prefBranch.setBoolPref("signon.rememberSignons", false);
if (formNum == 14)
prefBranch.clearUserPref("signon.rememberSignons");
// End the test at the last form.
if (formNum == 108) {
is(numSubmittedForms, 27, "Ensuring all forms were submitted.");
SimpleTest.finish();
return false; // return false to cancel current form submission
}
// submit the next form.
var button = getFormSubmitButton(formNum == 19 ? 101 : (formNum + 1));
button.click();
return false; // cancel current form submission
}
function getFormSubmitButton(formNum) {
var form = $("form" + formNum); // by id, not name
ok(form != null, "getting form " + formNum);
// we can't just call form.submit(), because that doesn't seem to
// invoke the form onsubmit handler.
var button = form.firstChild;
while (button && button.type != "submit") { button = button.nextSibling; }
ok(button != null, "getting form submit button");
return button;
}
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
var fh = Components.classes["@mozilla.org/satchel/form-history;1"].
getService(Components.interfaces.nsIFormHistory2);
ok(fh != null, "Got formHistory service");
var prefBranch = Components.classes["@mozilla.org/preferences-service;1"].
getService(Components.interfaces.nsIPrefBranch);
window.onload = startTest;
SimpleTest.waitForExplicitFinish();
</script>
</pre>
</body>
</html>