| <script> |
| |
| function finishTest() |
| { |
| document.getElementById("test").setAttribute("class", "bullet"); |
| if (window.layoutTestController) |
| layoutTestController.notifyDone(); |
| } |
| |
| function init() |
| { |
| if (window.layoutTestController) |
| layoutTestController.waitUntilDone(); |
| setTimeout(finishTest, 0); |
| } |
| |
| </script> |
| |
| <style> |
| |
| .square { -webkit-text-security: square; } |
| .bullet { -webkit-text-security: disc; } |
| .circle { -webkit-text-security: circle; } |
| .none { -webkit-text-security: disc; -webkit-text-security: none; } |
| .invalid { -webkit-text-security: disc; -webkit-text-security: not-secure; } |
| |
| </style> |
| |
| <body onload="init()"> |
| <p>Bullets: <span class="bullet">xxx</span>.</p> |
| <p>Squares: <span class="square">xxx</span>.</p> |
| <p>Circles: <span class="circle">xxx</span>.</p> |
| <p>Plain letters: <span class="none">xxx</span>.</p> |
| <p>Bullets (invalid): <span class="invalid">xxx</span>.</p> |
| <p>Bullets (dynamic): <span id="test" class="square">xxx</span>.</p> |
| </body> |
