<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Test that passwords only get filled in type=password</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="text/javascript" src="pwmgr_common.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
Login Manager test: Bug 242956
<script>
gTestDependsOnDeprecatedLogin = true;
runChecksAfterCommonInit(() => startTest());

let DEFAULT_ORIGIN = window.location.origin;
</script>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<pre id="test">
<script class="testbody" type="text/javascript">

/** Test for Login Manager: 242956 (Stored password is inserted into a
    readable text input on a second page) **/

// Make sure that pwmgr only puts passwords into type=password <input>s.
// Might as well test the converse, too (username in password field).

async function startTest() {
  let win = window.open("about:blank");
  SimpleTest.registerCleanupFunction(() => win.close());

  // only 4 out of 7 forms are to be autofilled
  await loadFormIntoWindow(DEFAULT_ORIGIN, `
    <!-- pword is not a type=password input -->
    <form id="form1" action="formtest.js">
      <input  type="text" name="uname">
      <input  type="text" name="pword">

      <button type="submit">Submit</button>
      <button type="reset"> Reset </button>
    </form>

    <!-- uname is not a type=text input -->
    <form id="form2" action="formtest.js">
      <input  type="password" name="uname">
      <input  type="password" name="pword">

      <button type="submit">Submit</button>
      <button type="reset"> Reset </button>
    </form>

    <!-- two "pword" inputs, (text + password) -->
    <form id="form3" action="formtest.js">
      <input  type="text"       name="uname">
      <input  type="text"       name="pword">
      <input  type="password"   name="qword">

      <button type="submit">Submit</button>
      <button type="reset"> Reset </button>
    </form>

    <!-- same thing, different order -->
    <form id="form4" action="formtest.js">
      <input  type="text"       name="uname">
      <input  type="password"   name="pword">
      <input  type="text"       name="qword">

      <button type="submit">Submit</button>
      <button type="reset"> Reset </button>
    </form>

    <!-- uname is not a type=text input (try a checkbox just for variety) -->
    <form id="form5" action="formtest.js">
      <input  type="checkbox" name="uname" value="">
      <input  type="password" name="pword">

      <button type="submit">Submit</button>
      <button type="reset"> Reset </button>
    </form>

    <!-- pword is not a type=password input (try a checkbox just for variety) -->
    <form id="form6" action="formtest.js">
      <input  type="text"     name="uname">
      <input  type="checkbox" name="pword" value="">

      <button type="submit">Submit</button>
      <button type="reset"> Reset </button>
    </form>

    <!-- pword is not a type=password input -->
    <form id="form7" action="formtest.js">
      <input  type="text" name="uname" value="testuser">
      <input  type="text" name="pword">

      <button type="submit">Submit</button>
      <button type="reset"> Reset </button>
    </form>`, win, 4);

  await checkLoginFormInFrameWithElementValues(win, 1, "", "");
  await checkLoginFormInFrameWithElementValues(win, 2, "testpass", "");
  await checkLoginFormInFrameWithElementValues(win, 3, "", "testuser", "testpass");
  await checkLoginFormInFrameWithElementValues(win, 4, "testuser", "testpass", "");
  await checkLoginFormInFrameWithElementValues(win, 5, "", "testpass");
  await checkLoginFormInFrameWithElementValues(win, 6, "", "");
  await checkLoginFormInFrameWithElementValues(win, 7, "testuser", "");

  SimpleTest.finish();
}
</script>
</pre>
</body>
</html>
