test_autocomplete_password_generation.html

<!DOCTYPE HTML>

<html>

<head>

  <meta charset="utf-8">

  <title>Test autofill and autocomplete on autocomplete=new-password fields</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script src="/tests/SimpleTest/EventUtils.js"></script>

  <script src="pwmgr_common.js"></script>

  <script src="../../../satchel/test/satchel_common.js"></script>

  <link rel="stylesheet" href="/tests/SimpleTest/test.css" />

</head>

<body>

<p id="display"></p>

<div id="content"></div>

<pre id="test">

Login Manager test: autofill with password generation on `autocomplete=new-password` fields.

<template id="form1-template">

  <form id="form1" action="https://autofill">

    <input type="text" name="uname">

    <input type="password" name="p">

    <button type="submit" name="submit">Submit</button>

  </form>

</template>

<template id="form2-template">

  <form id="form2" action="https://autofill">

    <input type="text" name="uname">

    <input type="password" name="password" autocomplete="new-password">

    <button type="submit" name="submit">Submit</button>

  </form>

</template>

<template id="form3-template">

  <form id="form3" action="https://autofill">

    <input type="text" name="username">

    <label>New password<input type="password" name="password"></label>

    <button type="submit" name="submit">Submit</button>

  </form>

</template>

<script class="testbody" type="text/javascript">

  const { TestUtils } = SpecialPowers.ChromeUtils.importESModule(

    "resource://testing-common/TestUtils.sys.mjs"

);

  const formTemplates = {

    form1: document.getElementById("form1-template"),

    form2: document.getElementById("form2-template"),

    form3: document.getElementById("form3-template"),

};

  const dateAndTimeFormatter = new SpecialPowers.Services.intl.DateTimeFormat(undefined, {

    dateStyle: "medium",

});

  add_named_task("autofill autocomplete username no generation", async () => {

    await setPreferencesForTask(

      ["signon.generation.available", false],

      ["signon.generation.enabled", false],

);

    await setStoredLoginsDuringTask([location.origin, "https://autofill", null, "user1", "pass1"]);

    const form1 = setContentForTask(formTemplates.form1);

    const autofillResult1 = await formAutofillResult(form1.id);

    is(autofillResult1, "filled", "form has not been filled due to multiple logins");

    // reference form was filled as expected?

    is(form1.uname.value, "user1", "username is filled");

    is(form1.p.value, "pass1", "password is filled");

    const form2 = setContentForTask(formTemplates.form2);

    const autofillResult2 = await formAutofillResult(form2.id);

    is(autofillResult2, "password_autocomplete_new_password", "form has not been filled due to password_autocomplete_new_password");

    // 2nd form should not be filled

    is(form2.uname.value, "", "username is empty");

    is(form2.password.value, "", "password is empty");

    form2.uname.focus();

    await showACPopup(2, ["user1"]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    const autofillResult3 = await formAutofillResult(form2.id);

    is(autofillResult3, "filled", "form has been filled");

    is(form2.uname.value, "user1", "username is filled");

    is(form2.password.value, "pass1", "password is filled");

});

  add_named_task("autofill autocomplete password no generation", async () => {

    await setPreferencesForTask(

      ["signon.generation.available", false],

      ["signon.generation.enabled", false],

);

    await setStoredLoginsDuringTask([location.origin, "https://autofill", null, "user1", "pass1"]);

    const form = setContentForTask(formTemplates.form2);

    const autofillResult = await formAutofillResult(form.id);

    is(autofillResult, "password_autocomplete_new_password", "form has not been filled due to password_autocomplete_new_password");

    // form should not be filled

    is(form.uname.value, "", "username is empty");

    is(form.password.value, "", "password is empty");

    form.password.focus();

    // No generation option on username fields.

    await showACPopup(2, ["user1"]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    await SimpleTest.promiseWaitForCondition(() => form.password.value == "pass1", "Check pw filled");

    is(form.uname.value, "", "username is empty");

    is(form.password.value, "pass1", "password is filled");

    // No autocomplete results should appear for non-empty pw fields.

    await noPopupByArrowDown();

});

  add_named_task("autofill autocomplete username no generation #2", async () => {

    await setPreferencesForTask(

      ["signon.generation.available", false],

      ["signon.generation.enabled", false],

);

    await setStoredLoginsDuringTask([location.origin, "https://autofill", null, "user1", "pass1"]);

    const form = setContentForTask(formTemplates.form2);

    const autofillResult1 = await formAutofillResult(form.id);

    is(autofillResult1, "password_autocomplete_new_password", "form has not been filled due to password_autocomplete_new_password");

    // form should not be filled

    is(form.uname.value, "", "username is empty");

    is(form.password.value, "", "password is empty");

    form.uname.focus();

    // No generation option on username fields.

    await showACPopup(2, ["user1"]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    const autofillResult2 = await formAutofillResult(form.id);

    is(autofillResult2, "filled", "form has been filled");

    is(form.uname.value, "user1", "username is filled");

    is(form.password.value, "pass1", "password is filled");

});

  add_named_task("autofill autocomplete passsword with generation", async () => {

    await setPreferencesForTask(

      ["signon.generation.available", true],

      ["signon.generation.enabled", true],

);

    runInParent(clearGeneratedPasswords);

    await setStoredLoginsDuringTask([location.origin, "https://autofill", null, "user1", "pass1"]);

    const form = setContentForTask(formTemplates.form2);

    const formNumber = 2;

    const autofillResult = await formAutofillResult(form.id);

    is(autofillResult, "password_autocomplete_new_password", "form has not been filled due to password_autocomplete_new_password");

    form.reset();

    // form should not be filled

    is(form.uname.value, "", "username is empty");

    is(form.password.value, "", "password is empty");

    form.password.focus();

    await showACPopup(formNumber, [

      "user1",

      "Use a Securely Generated Password",

]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    await SimpleTest.promiseWaitForCondition(() => form.password.value == "pass1", "Check pw filled");

    is(form.uname.value, "", "username is empty");

    is(form.password.value, "pass1", "password is filled");

    // No autocomplete results should appear for non-empty pw fields.

    await noPopupByArrowDown();

    info("Removing all logins to test auto-saving of generated passwords");

    await LoginManager.removeAllUserFacingLogins();

    while (form.password.value) {

      synthesizeKey("KEY_Backspace");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blanked field");

    info("This time select the generated password");

    await showACPopup(formNumber, [

      "Use a Securely Generated Password",

]);

    synthesizeKey("KEY_ArrowDown");

    const storageAddPromise = promiseStorageChanged(["addLogin"]);

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Before first fill of generated pw");

    synthesizeKey("KEY_Enter");

    info("waiting for the password field to be filled with the generated password");

    await SimpleTest.promiseWaitForCondition(() => !!form.password.value, "Check generated pw filled");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, "After first fill of generated pw");

    info("Wait for generated password to be added to storage");

    await storageAddPromise;

    let logins = await LoginManager.getAllLogins();

    const timePasswordChanged = logins[logins.length - 1].timePasswordChanged;

    const time = dateAndTimeFormatter.format(new Date(timePasswordChanged));

    const LABEL_NO_USERNAME = "No username (" + time + ")";

    const generatedPW = form.password.value;

    is(generatedPW.length, GENERATED_PASSWORD_LENGTH, "Check generated password length");

    ok(generatedPW.match(GENERATED_PASSWORD_REGEX), "Check generated password format");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, "After fill");

    info("Check field is masked upon blurring");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "After blur");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus again

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, "After shift-tab to focus again");

    // Remove selection for OS where the whole value is selected upon focus.

    synthesizeKey("KEY_ArrowRight");

    while (form.password.value) {

      LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, form.password.value);

      synthesizeKey("KEY_Backspace");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blanked field");

    info("Blur the empty field to trigger a 'change' event");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blur after blanking");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus again

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Focus again after blanking");

    info("Type a single character after blanking");

    synthesizeKey("@");

    info("Blur the single-character field to trigger a 'change' event");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blur after backspacing");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus again

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Focus again after backspacing");

    synthesizeKey("KEY_Backspace"); // Blank the field again

    await showACPopup(formNumber, [

      LABEL_NO_USERNAME,

      "Use a Securely Generated Password",

]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    await SimpleTest.promiseWaitForCondition(() => !!form.password.value, "Check generated pw filled");

    // Same generated password should be used, even despite the 'change' to @ earlier.

    is(form.uname.value, "", "username is empty");

    is(form.password.value, generatedPW, "password is filled with generated password");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, "Second fill of the generated pw");

    logins = await LoginManager.getAllLogins();

    is(logins.length, 1, "Still 1 login after filling the generated password a 2nd time");

    is(logins[0].timePasswordChanged, timePasswordChanged, "Saved login wasn't changed");

    is(logins[0].password, generatedPW, "Password is the same");

    info("filling the saved login to ensure the field is masked again");

    while (form.password.value) {

      LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, form.password.value);

      synthesizeKey("KEY_Backspace");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blanked field again");

    info("Blur the field to trigger a 'change' event again");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blur after blanking again");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus again

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Focus again after blanking again");

    // Remove selection for OS where the whole value is selected upon focus.

    synthesizeKey("KEY_ArrowRight");

    await showACPopup(formNumber, [

      LABEL_NO_USERNAME,

      "Use a Securely Generated Password",

]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    await SimpleTest.promiseWaitForCondition(() => !!form.password.value, "Check saved generated pw filled");

    // Same generated password should be used but from storage

    is(form.uname.value, "", "username is empty");

    is(form.password.value, generatedPW, "password is filled with generated password");

    // Passwords from storage should always be masked.

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "after fill from storage");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "after blur");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "after shift-tab to focus again");

});

  add_named_task("autofill autocomplete passsword with generation #2", async () => {

    await setPreferencesForTask(

      ["signon.generation.available", true],

      ["signon.generation.enabled", true],

);

    runInParent(clearGeneratedPasswords);

    await setStoredLoginsDuringTask([location.origin, "https://autofill", null, "user1", "pass1"]);

    const form = setContentForTask(formTemplates.form3);

    const formNumber = 3;

    const autofillResult = await formAutofillResult(form.id);

    is(autofillResult, "filled", "form has been filled");

    form.reset();

    is(form.username.value, "", "username is empty");

    is(form.password.value, "", "password is empty");

    form.password.focus();

    await showACPopup(formNumber, [

      "user1",

      "Use a Securely Generated Password",

]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    await SimpleTest.promiseWaitForCondition(() => form.password.value == "pass1", "Check pw filled");

    is(form.username.value, "", "username is empty");

    is(form.password.value, "pass1", "password is filled");

    // No autocomplete results should appear for non-empty pw fields.

    await noPopupByArrowDown();

    info("Removing all logins to test auto-saving of generated passwords");

    await LoginManager.removeAllUserFacingLogins();

    while (form.password.value) {

      synthesizeKey("KEY_Backspace");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blanked field");

    info("This time select the generated password");

    await showACPopup(formNumber, [

      "Use a Securely Generated Password",

]);

    synthesizeKey("KEY_ArrowDown");

    const storageAddPromise = promiseStorageChanged(["addLogin"]);

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Before first fill of generated pw");

    synthesizeKey("KEY_Enter");

    info("waiting for the password field to be filled with the generated password");

    await SimpleTest.promiseWaitForCondition(() => !!form.password.value, "Check generated pw filled");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, "After first fill of generated pw");

    info("Wait for generated password to be added to storage");

    await storageAddPromise;

    let logins = await LoginManager.getAllLogins();

    const timePasswordChanged = logins[logins.length - 1].timePasswordChanged;

    const time = dateAndTimeFormatter.format(new Date(timePasswordChanged));

    const LABEL_NO_USERNAME = "No username (" + time + ")";

    const generatedPW = form.password.value;

    is(generatedPW.length, GENERATED_PASSWORD_LENGTH, "Check generated password length");

    ok(generatedPW.match(GENERATED_PASSWORD_REGEX), "Check generated password format");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, "After fill");

    info("Check field is masked upon blurring");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "After blur");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus again

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, "After shift-tab to focus again");

    // Remove selection for OS where the whole value is selected upon focus.

    synthesizeKey("KEY_ArrowRight");

    while (form.password.value) {

      LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, form.password.value);

      synthesizeKey("KEY_Backspace");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blanked field");

    info("Blur the empty field to trigger a 'change' event");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blur after blanking");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus again

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Focus again after blanking");

    info("Type a single character after blanking");

    synthesizeKey("@");

    info("Blur the single-character field to trigger a 'change' event");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blur after backspacing");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus again

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Focus again after backspacing");

    synthesizeKey("KEY_Backspace"); // Blank the field again

    await showACPopup(formNumber, [

      LABEL_NO_USERNAME,

      "Use a Securely Generated Password",

]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    await SimpleTest.promiseWaitForCondition(() => !!form.password.value, "Check generated pw filled");

    // Same generated password should be used, even despite the 'change' to @ earlier.

    is(form.username.value, "", "username is empty");

    is(form.password.value, generatedPW, "password is filled with generated password");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, "Second fill of the generated pw");

    logins = await LoginManager.getAllLogins();

    is(logins.length, 1, "Still 1 login after filling the generated password a 2nd time");

    is(logins[0].timePasswordChanged, timePasswordChanged, "Saved login wasn't changed");

    is(logins[0].password, generatedPW, "Password is the same");

    info("filling the saved login to ensure the field is masked again");

    while (form.password.value) {

      LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, false, form.password.value);

      synthesizeKey("KEY_Backspace");

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blanked field again");

    info("Blur the field to trigger a 'change' event again");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Blur after blanking again");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus again

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "Focus again after blanking again");

    // Remove selection for OS where the whole value is selected upon focus.

    synthesizeKey("KEY_ArrowRight");

    await showACPopup(formNumber, [

      LABEL_NO_USERNAME,

      "Use a Securely Generated Password",

]);

    synthesizeKey("KEY_ArrowDown");

    synthesizeKey("KEY_Enter");

    await SimpleTest.promiseWaitForCondition(() => !!form.password.value, "Check saved generated pw filled");

    // Same generated password should be used but from storage

    is(form.username.value, "", "username is empty");

    is(form.password.value, generatedPW, "password is filled with generated password");

    // Passwords from storage should always be masked.

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "after fill from storage");

    synthesizeKey("KEY_Tab"); // blur

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "after blur");

    synthesizeKey("KEY_Tab", { shiftKey: true }); // focus

    LOGIN_FIELD_UTILS.checkPasswordMasked(form.password, true, "after shift-tab to focus again");

});

  add_named_task("autofill autocomplete password save login disabled", async () => {

    await setPreferencesForTask(

      ["signon.generation.available", true],

      ["signon.generation.enabled", true],

);

    await setStoredLoginsDuringTask([location.origin, "https://autofill", null, "user1", "pass1"]);

    const form = setContentForTask(formTemplates.form2);

    const autofillResult = await formAutofillResult(form.id);

    is(autofillResult, "password_autocomplete_new_password", "form has not been filled due to password_autocomplete_new_password");

    // form should not be filled

    is(form.uname.value, "", "username is empty");

    is(form.password.value, "", "password is empty");

    const formOrigin = new URL(document.documentURI).origin;

    is(formOrigin, location.origin, "Expected form origin");

    await LoginManager.setLoginSavingEnabled(location.origin, false);

    form.password.focus();

    // when login-saving is disabled for an origin, we expect no generated password row here

    await showACPopup(2, ["user1"]);

    // close any open menu

    synthesizeKey("KEY_Escape");

    await untilAutocompletePopupClosed();

    await LoginManager.setLoginSavingEnabled(location.origin, true);

});

</script>

</pre>

</body>

</html>

Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Errors