Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / text-security.html
blob4d7e69d74ee6bdfb265e309e7ffd25a98c89d0a6
1 <script>
3 function finishTest()
5 document.getElementById("test").setAttribute("class", "bullet");
6 if (window.testRunner)
7 testRunner.notifyDone();
10 function init()
12 if (window.testRunner)
13 testRunner.waitUntilDone();
14 setTimeout(finishTest, 0);
17 </script>
19 <style>
21 @font-face {
22 font-family: 'times';
23 src: local('Times');
26 /* Match Mac OS X's font fallback behavior on Windows */
28 @font-face {
29 font-family: 'times';
30 src: local('Lucida Grande');
31 /* black square and white bullet */
32 unicode-range: U+25A0, U+25E6;
35 .square { -webkit-text-security: square; }
36 .bullet { -webkit-text-security: disc; }
37 .circle { -webkit-text-security: circle; }
38 .none { -webkit-text-security: disc; -webkit-text-security: none; }
39 .invalid { -webkit-text-security: disc; -webkit-text-security: not-secure; }
41 </style>
43 <body onload="init()">
44 <p>Bullets: <span class="bullet">xxx</span>.</p>
45 <p>Squares: <span class="square">xxx</span>.</p>
46 <p>Circles: <span class="circle">xxx</span>.</p>
47 <p>Plain letters: <span class="none">xxx</span>.</p>
48 <p>Bullets (invalid): <span class="invalid">xxx</span>.</p>
49 <p>Bullets (dynamic): <span id="test" class="square">xxx</span>.</p>
50 </body>