summaryrefslogtreecommitdiffstats
path: root/toolkit/components/passwordmgr/test/mochitest/test_autocomplete_highlight_non_login.html
blob: eb82e906567b6915e859201d546bd3489061c806 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Test form field autofill highlight</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" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<p id="display"></p>
<div id="content"></div>
<pre id="test">
<script>
function closeCurrentTab() {
  runInParent(function cleanUpWindow() {
    let window = Services.wm.getMostRecentWindow("navigator:browser");
    window.gBrowser.removeTab(window.gBrowser.selectedTab);
  });
}

add_setup(async () => {
  await setStoredLoginsAsync(
    [location.origin, "http://autocomplete", null, "user1", "pass1", "", ""],
    [location.origin, "http://autocomplete", null, "user2", "pass2", "", ""]
  );
});

add_task(async function test_field_highlight_on_pw_field_autocomplete_insecureWarning() {
  const form = createLoginForm({
    action: "http://autocomplete"
  });
  await promiseFormsProcessedInSameProcess();

  // Press enter on insecure warning and check.
  form.pword.focus();
  await popupByArrowDown();
  synthesizeKey("KEY_ArrowDown"); // insecure warning
  synthesizeKey("KEY_Enter");

  is(document.defaultView.getComputedStyle(form.pword).getPropertyValue("filter"), "none",
     "Highlight is not applied to the password field if enter key is pressed on the insecure warning item");
  is(document.defaultView.getComputedStyle(form.uname).getPropertyValue("filter"), "none",
     "Highlight is not applied to the username field if enter key is pressed on the insecure warning item");

  // Press tab on insecure warning and check.
  await openPopupOn(form.pword);
  synthesizeKey("KEY_ArrowDown"); // insecure warning
  synthesizeKey("KEY_Tab");

  is(document.defaultView.getComputedStyle(form.pword).getPropertyValue("filter"), "none",
     "Highlight is not applied to the password field if tab key is pressed on the insecure warning item");
  is(document.defaultView.getComputedStyle(form.uname).getPropertyValue("filter"), "none",
     "Highlight is not applied to the username field if tab key is pressed on the insecure warning item");
});

add_task(async function test_field_highlight_on_pw_field_autocomplete_footer() {
  const form = createLoginForm({
    action: "http://autocomplete"
  });
  await promiseFormsProcessedInSameProcess();

  // Press enter on the footer and check.
  await openPopupOn(form.pword);
  synthesizeKey("KEY_ArrowUp"); // footer
  synthesizeKey("KEY_Enter");

  is(document.defaultView.getComputedStyle(form.pword).getPropertyValue("filter"), "none",
     "Highlight is not applied to the password field if enter key is pressed on the footer item");
  is(document.defaultView.getComputedStyle(form.uname).getPropertyValue("filter"), "none",
     "Highlight is not applied to the username field if enter key is pressed on the footer item");

  closeCurrentTab();

  // Press tab on the footer and check.
  await openPopupOn(form.pword);
  synthesizeKey("KEY_ArrowUp"); // footer
  synthesizeKey("KEY_Tab");

  is(document.defaultView.getComputedStyle(form.pword).getPropertyValue("filter"), "none",
     "Highlight is not applied to the password field if tab key is pressed on the footer item");
  is(document.defaultView.getComputedStyle(form.uname).getPropertyValue("filter"), "none",
     "Highlight is not applied to the username field if tab key is pressed on the insecure warning item");

  closeCurrentTab();
});
</script>
</body>
</html>