| <script> |
| |
| function finishTest() |
| { |
| document.getElementById("test").setAttribute("class", "bullet"); |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| |
| function init() |
| { |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| setTimeout(finishTest, 0); |
| } |
| |
| </script> |
| |
| <style> |
| |
| @font-face { |
| font-family: 'times'; |
| src: local('Times'); |
| } |
| |
| /* Match Mac OS X's font fallback behavior on Windows */ |
| |
| @font-face { |
| font-family: 'times'; |
| src: local('Lucida Grande'); |
| /* black square and white bullet */ |
| unicode-range: U+25A0, U+25E6; |
| } |
| |
| .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> |