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 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115
|
<!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>
<script>
let readyPromise = registerRunTests();
runInParent(function initLogins() {
const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
let login1 = Cc["@mozilla.org/login-manager/loginInfo;1"]
.createInstance(Ci.nsILoginInfo);
login1.init("https://example.com", "https://autocomplete", null,
"user1", "pass1", "", "");
let login2 = Cc["@mozilla.org/login-manager/loginInfo;1"]
.createInstance(Ci.nsILoginInfo);
login2.init("https://example.com", "https://autocomplete", null,
"user2", "pass2", "", "");
Services.logins.addLogin(login1);
Services.logins.addLogin(login2);
});
</script>
<body>
<p id="display"></p>
<div id="content">
<form id="form1" action="https://autocomplete" onsubmit="return false;">
<input type="text" id="uname">
<input type="password" id="pword">
<button type="submit">Submit</button>
</form>
<pre id="test">
<script>
let {ContentTaskUtils} = SpecialPowers.Cu.import("resource://testing-common/ContentTaskUtils.jsm", {});
add_task(async function setup() {
ok(readyPromise, "check promise is available");
await readyPromise;
});
add_task(async function test_field_highlight_on_autocomplete() {
// Test username autocomplete.
let username = document.getElementById("uname");
let password = document.getElementById("pword");
username.focus();
let shownPromise = promiseACShown();
synthesizeKey("KEY_ArrowDown");
await shownPromise;
synthesizeKey("KEY_ArrowDown");
await synthesizeKey("KEY_Enter");
await ContentTaskUtils.waitForCondition(() => {
return document.defaultView.getComputedStyle(username).getPropertyValue("filter") !== "none";
}, "Highlight was successfully applied to the username field on username autocomplete");
isnot(document.defaultView.getComputedStyle(password).getPropertyValue("filter"), "none",
"Highlight was successfully applied to the password field on username autocomplete");
// Clear existing highlight on login fields. We check by pressing the tab key after backspace
// (by shifting focus to the next element) because the tab key was known to cause a bug where the
// highlight is applied once again. See Bug 1526522.
username.focus();
synthesizeKey("KEY_Backspace");
synthesizeKey("KEY_Tab");
is(document.defaultView.getComputedStyle(username).getPropertyValue("filter"), "none",
"Highlight was successfully removed on the username field");
synthesizeKey("KEY_Backspace");
synthesizeKey("KEY_Tab");
is(document.defaultView.getComputedStyle(password).getPropertyValue("filter"), "none",
"Highlight was successfully removed on the password field");
// Clear login fields.
username.value = "";
password.value = "";
// Test password field autocomplete.
password.focus();
shownPromise = promiseACShown();
synthesizeKey("KEY_ArrowDown");
await shownPromise;
synthesizeKey("KEY_ArrowDown");
synthesizeKey("KEY_Enter");
await ContentTaskUtils.waitForCondition(() => {
return document.defaultView.getComputedStyle(password).getPropertyValue("filter") !== "none";
}, "Highlight was successfully applied to the password field on password autocomplete");
// Clear existing highlight on the password field. We check by pressing the tab key after backspace
// (by shifting focus to the next element) because the tab key was known to cause a bug where the
// highlight is applied once again. See Bug 1526522.
synthesizeKey("KEY_Backspace");
synthesizeKey("KEY_Tab");
is(document.defaultView.getComputedStyle(password).getPropertyValue("filter"), "none",
"Highlight was successfully removed on the password field");
// Clear login fields.
username.value = "";
password.value = "";
});
</script>
</body>
</html>
|