LayoutTests/fast/speech/speech-bidi-rendering.html

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