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
|
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test that filling an empty username into a form does not highlight the username element</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script type="text/javascript" src="pwmgr_common.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<script>
addLoginsInParent(
[window.location.origin, "https://autofill", null,
"", "pass1", "", ""]);
let DEFAULT_ORIGIN = window.location.origin;
</script>
<body>
<p id="display"></p>
<div id="content">
<pre id="test">
<script>
add_task(async function test_field_highlight_on_autofill() {
let win = window.open("about:blank");
SimpleTest.registerCleanupFunction(() => win.close());
await loadFormIntoWindow(DEFAULT_ORIGIN, `
<form id="form1" action="https://autofill" onsubmit="return false;">
<input type="text" id="uname">
<input type="password" id="pword">
<button type="submit">Submit</button>
</form>`, win);
await SpecialPowers.spawn(win, [], async function() {
let EventUtils = ContentTaskUtils.getEventUtils(this.content);
let doc = this.content.document;
let username = doc.getElementById("uname");
let password = doc.getElementById("pword");
is(doc.defaultView.getComputedStyle(username).getPropertyValue("filter"), "none",
"Highlight was not applied to the username field on page load autofill");
isnot(doc.defaultView.getComputedStyle(password).getPropertyValue("filter"), "none",
"Highlight was successfully applied to the password field on page load autofill");
// Test that initiating a change on the input value will remove the highlight. We check by pressing
// the tab key after backspace(by shifting focus to the next element) because the tab key is known to
// cause a bug where the highlight is applied once again.
username.focus();
await EventUtils.synthesizeKey("U", {}, this.content);
await EventUtils.synthesizeKey("KEY_Tab", {}, this.content);
let computedStyle = doc.defaultView.getComputedStyle(username);
is(computedStyle.getPropertyValue("filter"), "none", "Highlight is still not present on username element");
await EventUtils.synthesizeKey("KEY_Backspace", {}, this.content);
await EventUtils.synthesizeKey("KEY_Tab", {}, this.content);
computedStyle = doc.defaultView.getComputedStyle(password);
is(computedStyle.getPropertyValue("filter"), "none", "Highlight was successfully removed on change in value of password input element");
});
});
</script>
</body>
</html>
|
