LayoutTests/fast/css/text-security.html

   1 <script>
   2
   3 function finishTest()
   4 {
   5     document.getElementById("test").setAttribute("class", "bullet");
   6     if (window.layoutTestController)
   7         layoutTestController.notifyDone();
   8 }
   9
  10 function init()
  11 {
  12     if (window.layoutTestController)
  13         layoutTestController.waitUntilDone();
  14     setTimeout(finishTest, 0);
  15 }
  16
  17 </script>
  18
  19 <style>
  20
  21 @font-face {
  22     font-family: 'times';
  23     src: local('Times');
  24 }
  25
  26 /* Match Mac OS X's font fallback behavior on Windows */
  27
  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;
  33 }
  34
  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; }
  40
  41 </style>
  42
  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>