src/third_party/WebKit/LayoutTests/fast/speech/speech-bidi-rendering.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <body>
   4 <style>
   5 input::-webkit-input-speech-button {
   6     opacity: 1;
   7 }
   8 </style>
   9 <p>
  10   This test verifies that the speech input control is rendered correctly for
  11 dir=rtl/ltr.
  12 </p>
  13 <ul>
  14 <li>The Microphone icon should be on the <b>right</b>:
  15       <input id='speechInputLTR' x-webkit-speech></li>
  16 <li>The Microphone icon should be on the <b>right</b>:
  17       <input id='speechInputLTRWithPadding' x-webkit-speech style="padding:5px 10px"></li>
  18 <li>The Microphone icon should be on the <b>right</b>:
  19       <input id='speechInputRTLtoLTR' x-webkit-speech style="padding:5px 10px" dir=rtl></li>
  20
  21
  22 <li>The Microphone icon should be on the <b>left</b>:
  23       <input id='speechInputRTL' x-webkit-speech dir=rtl></li>
  24 <li>The Microphone icon should be on the <b>left</b>:
  25       <input id='speechInputLTRWithPadding' x-webkit-speech style="padding:5px 10px" dir=rtl></li>
  26 <li>The Microphone icon should be on the <b>left</b>:
  27       <input id='speechInputLTRtoRTL' x-webkit-speech style="padding:5px 10px" dir=ltr></li>
  28 </ul>
  29
  30 <script>
  31   document.getElementById("speechInputRTLtoLTR").dir = 'ltr';
  32   document.getElementById("speechInputLTRtoRTL").dir = 'rtl';
  33 </script>
  34 </body>
  35 </html>