ManualTests/popup-width-restriction-within-screen.html

   1 <html>
   2 <head>
   3 <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8">
   4 <title>
   5 Test the popup list box's width is rectricted within screen.
   6 </title>
   7 </head>
   8 <body>
   9
  10 <h3>Test left to right popup list box's width is restricted within the left screen.</h3>
  11 <ol>
  12    <li> Setup dual screens.</li>
  13    <li> Launch browser and maximize the browser window size in the left screen.</li>
  14    <li> Enter a very long string into "Left to right" text input box.</li>
  15    <li> Hit enter. </li>
  16    <li> Go back and start to enter the same string again.</li>
  17    <li> Make sure the popup list box's width which suggests the result doesn't exceed the left screen width. </li>
  18 </ol>
  19
  20 <H3>Test right to left popup window width is restricted within the right screen.</H3>
  21 <ol>
  22    <li> Setup dual screens.</li>
  23    <li> Launch browser and maximize the browser window size in the right screen.</li>
  24    <li> Enter a very long string into "Right to Left" text input box.</li>
  25    <li> Hit enter.</li>
  26    <li> Go back and start to enter the same string again.</li>
  27    <li> Make sure the popup list box's width which suggests the result doesn't exceed the right screen width.</li>
  28 </ol>
  29
  30 <br>
  31 <form action="form_action.asp" method="get">
  32   Left to right <input type="text" name="lname" /><br />
  33   Right to left <input type="text" name="fname" dir="rtl"/><br />
  34   <input type="submit" value="Submit" />
  35 </form>
  36
  37 <H3>Test left to right select window width is restricted within the left screen.</H3>
  38 <ol>
  39    <li> Setup dual screens.</li>
  40    <li> Launch browser and maximize the browser window size in the left screen.</li>
  41    <li> Click the following &lt;select&gt; item.</li>
  42    <li> Make sure the drop-down box width in the following &lt;select&gt; doesn't exceed the left screen width.</li>
  43 </ol>
  44
  45 <select style="width:100px">
  46 <option>Arabic</option>
  47 <option>Hebrew</option>
  48 <option>English (United States)</option>
  49 <option>Chinese (Simplified Chiense)</option>
  50 <option>Japanese (hogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehoge</option>
  51 </select>
  52
  53 <H3>Test right to left select window width is restricted within the right screen.</H3>
  54 <ol>
  55    <li> Setup dual screens.</li>
  56    <li> Launch browser and maximize the browser window size in the right screen.</li>
  57    <li> Click the following &lt;select&gt; item.</li>
  58    <li> Make sure the drop-down box width in the following &lt;select&gt; doesn't exceed the right screen width.</li>
  59 </ol>
  60
  61 <select dir="rtl" style="width:100px">
  62 <option>Arabic</option>
  63 <option>Hebrew</option>
  64 <option>English (United States)</option>
  65 <option>Chinese (Simplified Chiense)</option>
  66 <option>Japanese (hogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehoge</option>
  67 </select>
  68
  69
  70 </body>
  71 </html>