<!DOCTYPE html>
<html>
<body>
<p>This tests that the Strong Password AutoFill and viewable visual treatment renders in an auto-filled input. It can only be tested in the test tool.</p>
<div id="container">
    <input type="text" value="A quick brown fox jumped over the lazy dog.">
    <input type="password" value="A quick brown fox jumped over the lazy dog.">
    <input type="password" value="A quick brown fox jumped over the lazy dog." style="width:300px">
    <input type="password" value="A quick brown fox jumped over the lazy dog." style="width:20px">
    <input type="password" value="A quick brown fox jumped over the lazy dog." style="height:100px">
    <input type="password" value="A quick brown fox jumped over the lazy dog." style="width:20px; height:100px">
</div>
<script>
if (window.internals) {
    var inputs = document.querySelectorAll("input");
    for (var i = 0; i < inputs.length; ++i) {
        window.internals.setAutoFilledAndViewable(inputs[i], true);
    }

    var dynamicInput = document.createElement("input");
    window.internals.setAutoFilledAndViewable(dynamicInput, true);
    document.querySelector("#container").appendChild(dynamicInput);
}
</script>
</body>
</html>

