Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: os == 'android' OR os == 'android' OR xorigin OR display == 'wayland' && os_version == '22.04'
- Manifest: toolkit/components/passwordmgr/test/mochitest/mochitest.toml
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Login Manager: test basic login autocomplete</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script type="text/javascript" src="../../../satchel/test/satchel_common.js"></script>
<script type="text/javascript" src="pwmgr_common.js"></script>
<script type="text/javascript" src="../../../../../dom/webauthn/tests/u2futil.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display"></p>
<div id="content"></div>
<pre id="test">
Test for Login Manager: login autocomplete, with secure connection. This tests autocomplete menu items, its navigation, the selection and deletion of entries as well as sending untrusted events.
This tests the login manager in a secure setting using https. A similar test file exists for using an insecure connection: test_autocomplete_basic_form_insecure.html.
<template id="form1-template">
<input type="text" name="uname">
<input type="password" name="pword">
</form>
</template>
<script class="testbody" type="text/javascript">
const formTemplate = document.getElementById("form1-template");
// Restore the form to the default state.
function restoreForm(form) {
form.uname.value = "";
form.pword.value = "";
form.uname.focus();
}
add_setup(async () => {
listenForUnexpectedPopupShown();
});
add_named_task("form is initially empty and popup closed", async () => {
const form = setContentForTask(formTemplate);
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
const popupState = await getPopupState();
is(popupState.open, false, "Check popup is closed");
});
add_named_task("menuitems, telemetry events, selection and escape", async () => {
await setStoredLoginsDuringTask(
// login 0 has no username, so should be filtered out from the autocomplete list.
);
const form = setContentForTask(formTemplate);
form.uname.focus();
const autocompleteItems = await popupByArrowDown();
const popupState = await getPopupState();
is(popupState.selectedIndex, -1, "Check no entries are selected upon opening");
const expectedMenuItems = ["user-1",
"user-2",
"user-3"];
checkAutoCompleteResults(autocompleteItems, expectedMenuItems,
window.location.host, "Check all menuitems are displayed correctly.");
const acEvents = await getTelemetryEvents({ process: "parent", filterProps: TelemetryFilterPropsAC, clear: true });
is(acEvents.length, 1, "One autocomplete event");
checkACTelemetryEvent(acEvents[0], form.uname, {
"hadPrevious": "0",
"login": expectedMenuItems.length + "",
"loginsFooter": "1"
});
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Escape");
await untilAutocompletePopupClosed();
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
});
add_named_task("select first entry", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
const popupState = await getPopupState();
is(popupState.selectedIndex, -1, "Check no entries are selected upon opening");
synthesizeKey("KEY_ArrowDown"); // first
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-1", "username is set");
is(form.pword.value, "pass-1", "password is set");
});
add_named_task("select second entry", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
synthesizeKey("KEY_ArrowDown"); // first
synthesizeKey("KEY_ArrowDown"); // second
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-2", "username is set");
is(form.pword.value, "pass-2", "password is set");
});
add_named_task("wrap around first entry", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
synthesizeKey("KEY_ArrowDown"); // first
synthesizeKey("KEY_ArrowDown"); // second
synthesizeKey("KEY_ArrowDown"); // footer
synthesizeKey("KEY_ArrowDown"); // deselects
synthesizeKey("KEY_ArrowDown"); // first
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-1", "username is set");
is(form.pword.value, "pass-1", "password is set");
});
add_named_task("wrap around up last entry", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
synthesizeKey("KEY_ArrowUp"); // footer
synthesizeKey("KEY_ArrowUp"); // last (fourth)
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-2", "username is set");
is(form.pword.value, "pass-2", "password is set");
});
add_named_task("wrap around up down up up", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
synthesizeKey("KEY_ArrowDown"); // select first entry
synthesizeKey("KEY_ArrowUp"); // selects nothing!
synthesizeKey("KEY_ArrowUp"); // footer
synthesizeKey("KEY_ArrowUp"); // select last entry
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-2", "username is set");
is(form.pword.value, "pass-2", "password is set");
});
add_named_task("wrap around up down up last", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_ArrowUp"); // deselects
synthesizeKey("KEY_ArrowUp"); // footer
synthesizeKey("KEY_ArrowUp"); // last entry
synthesizeKey("KEY_ArrowUp"); // first entry
synthesizeKey("KEY_ArrowUp"); // deselects
synthesizeKey("KEY_ArrowUp"); // footer
synthesizeKey("KEY_ArrowUp"); // last entry
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-2", "username is set");
is(form.pword.value, "pass-2", "password is set");
});
add_named_task("fill username without autofill right", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
// Set first entry w/o triggering autocomplete
synthesizeKey("KEY_ArrowDown"); // first
synthesizeKey("KEY_ArrowRight");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-1", "username is set");
is(form.pword.value, "", "password is empty");
});
add_named_task("fill username without autofill left", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
// Set first entry w/o triggering autocomplete
synthesizeKey("KEY_ArrowDown"); // first
synthesizeKey("KEY_ArrowLeft");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-1", "username is set");
is(form.pword.value, "", "password is empty");
});
add_named_task("page up first", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
// Check first entry (page up)
synthesizeKey("KEY_ArrowDown"); // first
synthesizeKey("KEY_ArrowDown"); // second
synthesizeKey("KEY_PageUp"); // first
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-1", "username is set");
is(form.pword.value, "pass-1", "password is set");
});
add_named_task("page down last", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
// Check last entry (page down)
synthesizeKey("KEY_ArrowDown"); // first
synthesizeKey("KEY_PageDown"); // footer
synthesizeKey("KEY_ArrowUp"); // last
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-2", "username is set");
is(form.pword.value, "pass-2", "password is set");
});
add_named_task("untrusted event", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
});
add_named_task("delete", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
// XXX tried sending character "t" before/during dropdown to test
// filtering, but had no luck. Seemed like the character was getting lost.
// Setting uname.value didn't seem to work either. This works with a human
// driver, so I'm not sure what's up.
// Delete the first entry (of 3), "user-1"
synthesizeKey("KEY_ArrowDown");
const numLoginsBeforeDeletion = await LoginManager.countLogins(location.origin, "https://autocomplete:8888", null);
is(numLoginsBeforeDeletion, 3, "Correct number of logins before deleting one");
const countChangedPromise = notifyMenuChanged(3);
const deletionPromise = promiseStorageChanged(["removeLogin"]);
// On OS X, shift-backspace and shift-delete work, just delete does not.
// On Win/Linux, shift-backspace does not work, delete and shift-delete do.
synthesizeKey("KEY_Delete", {shiftKey: true});
await deletionPromise;
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
const numLoginsAfterDeletion = await LoginManager.countLogins(location.origin, "https://autocomplete:8888", null);
is(numLoginsAfterDeletion, 2, "Correct number of logins after deleting one");
await countChangedPromise;
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-2", "username is set");
is(form.pword.value, "pass-2", "password is set");
});
add_named_task("delete second", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
// Delete the second entry (of 3), "user-2"
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_Delete", {shiftKey: true});
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
const numLoginsAfterDeletion = await LoginManager.countLogins(location.origin, "https://autocomplete:8888", null);
is(numLoginsAfterDeletion, 2, "Correct number of logins after deleting one");
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-3", "username is set");
is(form.pword.value, "pass-3", "password is set");
});
add_named_task("delete last", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
form.uname.focus();
await popupByArrowDown();
/* test 54 */
// Delete the last entry (of 3), "user-3"
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_ArrowDown");
const numLoginsBeforeDeletion = await LoginManager.countLogins(location.origin, "https://autocomplete:8888", null);
is(numLoginsBeforeDeletion, 3, "Correct number of logins before deleting one");
synthesizeKey("KEY_Delete", {shiftKey: true});
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
const numLoginsAfterDeletion = await LoginManager.countLogins(location.origin, "https://autocomplete:8888", null);
is(numLoginsAfterDeletion, 2, "Correct number of logins after deleting one");
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user-1", "username is set");
is(form.pword.value, "pass-1", "password is set");
});
// Tests for single-user forms for ignoring autocomplete=off */
add_named_task("default", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname">
<input type="password" name="pword">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
});
add_named_task("password autocomplete off", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname">
<input type="password" name="pword" autocomplete="off">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
restoreForm(form);
await popupByArrowDown();
// Check first entry
synthesizeKey("KEY_ArrowDown");
// value should not update just on selection
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
const autofillResult2 = await formAutofillResult(form.id);
is(autofillResult2, "filled", "form has been filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
});
add_named_task("username autocomplete off", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname" autocomplete="off">
<input type="password" name="pword">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
restoreForm(form);
await popupByArrowDown();
// Check first entry
synthesizeKey("KEY_ArrowDown");
// value should not update just on selection
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
const autofillResult2 = await formAutofillResult(form.id);
is(autofillResult2, "filled", "form has been filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
});
add_named_task("form autocomplete off", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname">
<input type="password" name="pword">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
restoreForm(form);
await popupByArrowDown();
// Check first entry
synthesizeKey("KEY_ArrowDown");
// value should not update just on selection
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
const autofillResult2 = await formAutofillResult(form.id);
is(autofillResult2, "filled", "form has been filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
});
add_named_task("username and password autocomplete off", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname" autocomplete="off">
<input type="password" name="pword" autocomplete="off">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
restoreForm(form);
await popupByArrowDown();
// Check first entry
synthesizeKey("KEY_ArrowDown");
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
const autofillResult2 = await formAutofillResult(form.id);
is(autofillResult2, "filled", "form has been filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
});
add_named_task("changing username does not touch password", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname" autocomplete="off">
<input type="password" name="pword" autocomplete="off">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
// Test that the password field remains filled in after changing
// the username.
form.uname.focus();
synthesizeKey("KEY_ArrowRight");
synthesizeKey("X", {shiftKey: true});
// Trigger the 'blur' event on uname
form.pword.focus();
is(form.uname.value, "userX", "username is set");
is(form.pword.value, "pass", "password is set");
});
add_named_task("additional username field in between", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname">
<input type="password" name="pword">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
// Insert a new username field into the form. We'll then make sure
// that invoking the autocomplete doesn't try to fill the form.
const newField = document.createElement("input");
newField.setAttribute("type", "text");
newField.setAttribute("name", "uname2");
form.insertBefore(newField, form.pword);
is(newField.value, "", "Verifying empty uname2");
});
add_named_task("additional username field in between and form reset", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname">
<input type="password" name="pword">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
// Insert a new username field into the form. We'll then make sure
// that invoking the autocomplete doesn't try to fill the form.
const newField = document.createElement("input");
newField.setAttribute("type", "text");
newField.setAttribute("name", "uname2");
form.insertBefore(newField, form.pword);
restoreForm(form);
const autocompleteItems = await popupByArrowDown();
checkAutoCompleteResults(autocompleteItems,
["user"],
window.location.host,
"Check dropdown is showing all logins while field is blank");
// Check first entry
synthesizeKey("KEY_ArrowDown");
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
// The form changes, so we expect the old username field to get the
// selected autocomplete value, but neither the new username field nor
// the password field should have any values filled in.
await SimpleTest.promiseWaitForCondition(() => form.uname.value == "user",
"Wait for username to get filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "", "password is empty");
is(newField.value, "", "Verifying empty uname2");
});
add_named_task("two forms with different actions", async () => {
await setStoredLoginsDuringTask(
);
const div = setContentForTask(`<div>
<input type="email" name="uname">
<input type="password" name="pword">
</form>
<input type="email" name="uname">
<input type="password" name="pword">
</form>
</div>`);
const form1 = div.querySelector("#form1");
const form2 = div.querySelector("#form2");
const autofillResult = await formAutofillResult(form1.id);
is(autofillResult, "no_saved_logins", "form has not been filled due to no saved logins");
const autofillResult2 = await formAutofillResult(form2.id);
is(autofillResult2, "filled", "form has been filled");
is(form2.uname.value, "user", "username is set");
is(form2.pword.value, "pass", "password is set");
restoreForm(form2);
is(form2.uname.value, "", "username is empty");
is(form2.pword.value, "", "password is empty");
form1.uname.focus();
is(form2.uname.value, "", "username is empty");
is(form2.pword.value, "", "password is empty");
});
add_named_task("filtering", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname">
<input type="password" name="pword">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
const results = await popupBy(() => form.uname.focus());
checkAutoCompleteResults(results,
["form9userAAB", "form9userAB"],
window.location.host,
"Check dropdown is showing all logins while field is blank");
synthesizeKey("KEY_Escape"); // Need to close the popup so we can get another popupshown after sending the string below.
const results2 = await popupBy(() => sendString("form9userAB"));
checkAutoCompleteResults(results2,
["form9userAB"],
window.location.host,
"Check dropdown is showing login with only one 'A'");
is(form.uname.value, "form9userAB", "username is set");
is(form.pword.value, "", "password is empty");
form.uname.focus();
synthesizeKey("KEY_ArrowLeft");
const results3 = await popupBy(() => synthesizeKey("A", {shiftKey: true}));
is(form.uname.value, "form9userAAB", "username is set");
is(form.pword.value, "", "password is empty");
checkAutoCompleteResults(results3, ["form9userAAB"],
window.location.host, "Check dropdown is updated after inserting 'A'");
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_Enter");
const autofillResult2 = await formAutofillResult(form.id);
is(autofillResult2, "filled", "form has been filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "form9userAAB", "username is set");
is(form.pword.value, "pass-2", "password set");
});
add_named_task("autocomplete cache", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "multiple_logins", "form has not been filled due to multiple logins");
await popupBy(() => form.uname.focus());
await addLoginsInParent(
);
const promise1 = notifyMenuChanged(1);
sendString("z");
const results1 = await promise1;
checkAutoCompleteResults(results1, [], window.location.host,
"Check popup does not have any login items");
const promise2 = notifyMenuChanged(1);
sendString("z");
const results2 = await promise2;
checkAutoCompleteResults(results2, [], window.location.host,
"Check popup only has the footer when it opens");
});
add_named_task("formless", async () => {
await setStoredLoginsDuringTask(
[location.origin, location.origin, null, "user", "pass", "uname", "pword"]
);
const form = setContentForTask(`<form id="form1">
<input type="text" name="uname">
<input type="password" name="pword">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
// Test form-less autocomplete
// Test form-less autocomplete
// TODO: wait - whats formless about this form?
restoreForm(form);
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
await popupByArrowDown();
synthesizeKey("KEY_ArrowDown");
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
const autofillResult2 = await formAutofillResult(form.id);
is(autofillResult2, "filled", "form has been filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
});
add_named_task("open on trusted focus", async () => {
await setStoredLoginsDuringTask(
);
const form = setContentForTask(formTemplate);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
form.uname.value = "";
form.pword.value = "";
// Move focus to the password field so we can test the first click on the
// username field.
form.pword.focus();
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
const firePrivEventPromise = new Promise((resolve) => {
form.uname.addEventListener("click", (e) => {
ok(e.isTrusted, "Ensure event is trusted");
resolve();
});
});
await popupBy(async () => {
synthesizeMouseAtCenter(form.uname, {});
await firePrivEventPromise;
});
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_Enter");
const autofillResult2 = await formAutofillResult(form.id);
is(autofillResult2, "filled", "form has been filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
});
add_named_task("recipes", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname">
<input type="text" name="pword">
</form>`);
await loadRecipes({
siteRecipes: [{
"hosts": [window.location.host],
"usernameSelector": "input[name='1']",
"passwordSelector": "input[name='2']",
}],
});
// Switch the password field to type=password so _fillForm marks the username
// field for autocomplete.
form.pword.type = "password";
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "filled", "form has been filled");
restoreForm(form);
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
await popupByArrowDown();
synthesizeKey("KEY_ArrowDown");
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
const autofillResult2 = await formAutofillResult(form.id);
is(autofillResult2, "filled", "form has been filled");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
// Now test recipes with blur on the username field.
restoreForm(form);
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
form.uname.value = "user";
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Tab");
const autofillResult3 = await formAutofillResult(form.id);
is(autofillResult3, "filled", "form has been filled");
is(form.uname.value, "user", "username is filled");
is(form.pword.value, "pass", "password is filled");
await resetRecipes();
});
add_named_task("form stays open upon empty search", async () => {
await setStoredLoginsDuringTask(
);
<input type="text" name="uname" value="prefilled">
<input type="password" name="pword" value="prefilled">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "existing_password", "form has not been filled due to existing password");
is(form.uname.value, "prefilled", "username is not changed");
is(form.pword.value, "prefilled", "password is not changed");
form.uname.scrollIntoView();
await popupBy(() => synthesizeMouseAtCenter(form.uname, {}));
form.uname.select();
synthesizeKey("KEY_Delete");
const popupState = await getPopupState();
is(popupState.open, true, "Check popup is still open");
is(form.uname.value, "", "username is emoty");
is(form.pword.value, "prefilled", "password is not changed");
info("testing password field");
synthesizeMouseAtCenter(form.pword, {});
form.pword.select();
const popupState2 = await getPopupState();
is(popupState2.open, false, "Check popup closed since password field isn't empty");
await popupBy(() => synthesizeKey("KEY_Delete"));
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
});
add_named_task("username only", async () => {
await setStoredLoginsDuringTask(
);
<input type="email" name="uname" value="prefilled" autocomplete="username">
<input type="password" name="pword">
</form>`);
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "existing_username", "form has not been filled due to existing username");
is(form.uname.value, "prefilled", "username is not changed");
is(form.pword.value, "", "password is empty");
restoreForm(form);
await popupByArrowDown();
// Check first entry
synthesizeKey("KEY_ArrowDown");
is(form.uname.value, "", "username is empty");
is(form.pword.value, "", "password is empty");
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
is(form.uname.value, "user", "username is set");
is(form.pword.value, "pass", "password is set");
});
add_named_task("webauthn", async () => {
await setStoredLoginsDuringTask();
<input type="text" name="uname" autocomplete="webauthn">
<input type="password" name="pword" autocomplete="current-password webauthn">
</form>`);
// Set up a virtual authenticator with a credential for this site.
let authenticatorId = await addVirtualAuthenticator();
addCredential(authenticatorId, document.domain);
// Start a conditionally mediated WebAuthn request.
let challenge = crypto.getRandomValues(new Uint8Array(16));
let publicKey = { challenge, rpId: document.domain };
let webauthnPromise = navigator.credentials.get( { publicKey, mediation: "conditional" });
const autofillResult = await formAutofillResult(form.id);
is(autofillResult, "no_saved_logins", "form has not been filled due to no saved logins");
// Ensure that focusing on either input shows the popup
form.uname.focus();
await popupByArrowDown();
form.pword.focus();
await popupByArrowDown();
// Check first entry
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_Enter");
await untilAutocompletePopupClosed();
let credential = await webauthnPromise;
is(credential.type, "public-key", "received a webauthn credential");
});
</script>
</pre>
</body>
</html>