test_autocomplete_basic_form_related_realms.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <meta charset="utf-8">

  <title>Test login autocomplete with related realms</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>

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

</head>

<body>

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

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

<pre id="test">

Login Manager test: related realms autocomplete

<template id="form1-template">

  <form id="form1" action="https://autocomplete:8888/formtest.js">

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

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

  </form>

</template>

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

  const formTemplate = document.getElementById("form1-template");

  add_setup(async () => {

    await setStoredLoginsDuringTest(

      // Simple related domain relationship where example.com and other-example.com are in the related domains list

      ["https://other-example.com", "https://other-example.com", null, "relatedUser1", "relatedPass1", "uname", "pword"],

      // Example.com and example.co.uk are related, so sub.example.co.uk should appear on example.com's autocomplete dropdown

      // The intent is to cover the ebay.com/ebay.co.uk and all other country TLD cases

      // where the sign in page is actually signin.ebay.com/signin.ebay.co.uk but credentials could have manually been entered

      // for ebay.com/ebay.co.uk or automatically stored as signin.ebay.com/sigin.ebay.co.uk

      ["https://sub.example.co.uk", "https://sub.example.co.uk", null, "subUser1", "subPass1", "uname", "pword"],

);

    listenForUnexpectedPopupShown();

});

  add_named_task("form is initially empty", async () => {

    const form = setContentForTask(formTemplate);

    const autofillResult = await formAutofillResult(form.id);

    is(autofillResult, "no_saved_logins", "form has not been filled due to no saved logins");

    // Make sure initial form is empty.

    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 initially closed");

});

  add_named_task("form related domain menuitems", async () => {

    const form = setContentForTask(formTemplate);

    const autofillResult = await formAutofillResult(form.id);

    is(autofillResult, "no_saved_logins", "form has not been filled due to no saved logins");

    form.uname.focus();

    const autocompleteItems = await popupByArrowDown();

    const popupState = await getPopupState();

    is(popupState.selectedIndex, -1, "Check no entires are selected upon opening");

    const expectedMenuItems = ["relatedUser1", "subUser1"];

    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"

});

    checkLoginForm(form.uname, "", form.pword, ""); // value shouldn't update just by opening

    synthesizeKey("KEY_ArrowDown"); // first item

    // value shouldn't update just by selecting

    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");

    is(form.pword.value, "relatedPass1", "password should match the login that was selected");

    checkLoginForm(form.uname, "relatedUser1", form.pword, "relatedPass1");

    is(form.uname.value, "relatedUser1", "username is set");

    is(form.pword.value, "relatedPass1", "password is set");

    form.uname.value = "";

    form.pword.value = "";

    form.uname.focus();

    await popupByArrowDown();

    synthesizeKey("KEY_ArrowDown"); // first item

    synthesizeKey("KEY_ArrowDown"); // second item

    // value shouldn't update just by selecting

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

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

    synthesizeKey("KEY_Enter");

    const autofillResult3 = await formAutofillResult(form.id);

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

    is(form.uname.value, "subUser1", "username is set");

    is(form.pword.value, "subPass1", "password is set");

});

</script>

</pre>

</body>

</html>