57 lines
1.2 KiB
HTML
57 lines
1.2 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="../../resources/js-test.js"></script>
|
||
|
|
<script src="../../resources/ui-helper.js"></script>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
#small {
|
||
|
|
height: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#large {
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<input type="password" id="small">
|
||
|
|
<br>
|
||
|
|
<input type="password" id="normal">
|
||
|
|
<br>
|
||
|
|
<input type="password" id="large">
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
jsTestIsAsync = true;
|
||
|
|
|
||
|
|
async function runTest(name, input, expectedWidth)
|
||
|
|
{
|
||
|
|
debug(name);
|
||
|
|
|
||
|
|
shadowRoot = window.internals.shadowRoot(input);
|
||
|
|
|
||
|
|
await UIHelper.activateElement(input);
|
||
|
|
await UIHelper.renderingUpdate();
|
||
|
|
|
||
|
|
capsLockIndicator = shadowRoot.querySelector("[pseudo='-webkit-caps-lock-indicator']");
|
||
|
|
capsLockIndicatorWidth = capsLockIndicator.getBoundingClientRect().width;
|
||
|
|
|
||
|
|
shouldBeEqualToNumber("capsLockIndicatorWidth", expectedWidth);
|
||
|
|
|
||
|
|
debug("");
|
||
|
|
}
|
||
|
|
|
||
|
|
addEventListener("load", async () => {
|
||
|
|
description("This test verifies that the width of the caps lock indicator in password fields adapts to the height of the field, but does not exceed a maximum value.");
|
||
|
|
|
||
|
|
await UIHelper.toggleCapsLock();
|
||
|
|
|
||
|
|
await runTest("Small height", small, 15);
|
||
|
|
await runTest("Default height", normal, 17);
|
||
|
|
await runTest("Large height", large, 17);
|
||
|
|
|
||
|
|
finishJSTest();
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</html>
|