gecko-dev/accessible/tests/mochitest/text/test_passwords.html

73 строки
2.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>nsIAccessibleText getText related function tests for text and password inputs</title>
<link rel="stylesheet" type="text/css"
href="chrome://mochikit/content/tests/SimpleTest/test.css" />
<script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript"
src="../common.js"></script>
<script type="application/javascript"
src="../text.js"></script>
<script type="application/javascript">
function doTest() {
// ////////////////////////////////////////////////////////////////////////
// regular text and password inputs
// ////////////////////////////////////////////////////////////////////////
// //////////////////////////////////////////////////////////////////////
// characterCount and getText for regular text field
var IDs = [ "username" ];
testCharacterCount(IDs, 4);
testText(IDs, 0, 4, "test");
// //////////////////////////////////////////////////////////////////////
// characterCount and getText for password field
IDs = [ "password" ];
testCharacterCount(IDs, 4);
let password = document.getElementById("password");
let editor = SpecialPowers.wrap(password).editor;
let passwordMask = editor.passwordMask;
testText(IDs, 0, 4, `${passwordMask}${passwordMask}${passwordMask}${passwordMask}`);
// a11y data is updated at next tick so that we need to refresh here.
editor.unmask(0, 2);
SpecialPowers.DOMWindowUtils.advanceTimeAndRefresh(0);
testText(IDs, 0, 4, `te${passwordMask}${passwordMask}`);
editor.unmask(2, 4);
SpecialPowers.DOMWindowUtils.advanceTimeAndRefresh(0);
testText(IDs, 0, 4, `${passwordMask}${passwordMask}st`);
editor.unmask(0, 4);
SpecialPowers.DOMWindowUtils.advanceTimeAndRefresh(0);
testText(IDs, 0, 4, `test`);
SpecialPowers.DOMWindowUtils.restoreNormalRefresh();
SimpleTest.finish();
}
SimpleTest.waitForExplicitFinish();
addA11yLoadEvent(doTest);
</script>
</head>
<body>
<a target="_blank"
title="mochitest for getText for password fields"
href="https://bugzilla.mozilla.org/show_bug.cgi?id=415943">Mozilla Bug 415943</a>
<p id="display"></p>
<div id="content" style="display: none"></div>
<pre id="test">
</pre>
<form action="post.php" method="post">
<label for="username">User name:</label>
<input id="username" value="test"><br />
<label for="password">Password:</label>
<input type="password" id="password" value="test"/>
</form>
</body>
</html>