gecko-dev/widget/tests/test_autocapitalize.html
Makoto Kato e82e9e223d Bug 1425291 - Part 3. Add autocapitalize to InputContext. r=masayuki
Autocapitalize isn't applied if type is url, email or password. If these types,
truncate autocapitalize value in InputContext not to pass it to widget.

Differential Revision: https://phabricator.services.mozilla.com/D86676
2020-09-15 14:27:00 +00:00

66 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Tests for autocapitalize that is used by software keyboard</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/SpecialPowers.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none"></div>
<div>
<input type="text" id="a1"><br>
<input type="text" id="a2" autocapitalize="characters"><br>
<input type="text" id="a3" autocapitalize="sentences"><br>
<input type="text" id="a4" autocapitalize="words"><br>
<input type="text" id="a5" autocapitalize="off"><br>
<input type="text" id="a6" autocapitalize="on"><br>
<input type="url" id="a7" autocapitalize="on"><br>
<input type="email" id="a8" autocapitalize="on"><br>
<input type="password" id="a9" autocapitalize="on"><br>
<textarea id="b1" autocapitalize="characters"></textarea><br>
<div contenteditable id="c1" autocapitalize="sentences"></div><br>
<form><input type="text" id="d1" autocapitalize="words"></form><br>
<form autocapitalize="on"><input type="text" id="d2"></form><br>
<form autocapitalize="off"><input type="text" id="d3" autocapitalize="on"></form><br>
</div>
<pre id="test">
<script class=testbody" type="application/javascript">
SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(async () => {
const tests = [
{ id: "a1", autocapitalize: "", desc: "input without autocapitalize" },
{ id: "a2", autocapitalize: "characters", desc: "input with autocapitalize=characters" },
{ id: "a3", autocapitalize: "sentences", desc: "input with autocapitalize=sentences" },
{ id: "a4", autocapitalize: "words", desc: "input with autocapitalize=words" },
{ id: "a5", autocapitalize: "none", desc: "input with autocapitalize=off" },
{ id: "a6", autocapitalize: "sentences", desc: "input with autocapitalize=on" },
{ id: "a7", autocapitalize: "", desc: "input with type=url and autocapitalize=on" },
{ id: "a8", autocapitalize: "", desc: "input with type=email and autocapitalize=on" },
{ id: "a9", autocapitalize: "", desc: "input with type=password and autocapitalize=on" },
{ id: "b1", autocapitalize: "characters", desc: "textarea with autocapitalize=characters" },
{ id: "c1", autocapitalize: "sentences", desc: "contenteditable with autocapitalize=sentences" },
{ id: "d1", autocapitalize: "words", desc: "input with autocapitalize=words in form" },
{ id: "d2", autocapitalize: "sentences", desc: "input in form with autocapitalize=on" },
{ id: "d3", autocapitalize: "sentences", desc: "input with autocapitalize=on in form" },
];
await SpecialPowers.setBoolPref("dom.forms.autocapitalize", true);
for (let test of tests) {
document.getElementById(test.id).focus();
is(SpecialPowers.DOMWindowUtils.focusedAutocapitalize, test.autocapitalize, test.desc);
}
SpecialPowers.clearUserPref("dom.forms.autocapitalize");
SimpleTest.finish();
});
</script>
</pre>
</body>
</html>