src/third_party/WebKit/LayoutTests/fast/forms/radio/radio-group-arrow-cycle-edge.html

   1 <!DOCTYPE html>
   2
   3 <body>
   4 <script src="../resources/common.js"></script>
   5
   6 <script src="../../../resources/js-test.js"></script>
   7
   8 <form name=alpha>
   9 <input type="radio" name="fruit" id="apple"><br>
  10 <input type="radio" name="fruit" id="banana"><br>
  11 <input type="radio" name="fruit" id="cherry"><br>
  12 <input type="radio" name="fruit" form=beta id="tomato"><br>
  13 <input type="radio" name="fruit" form=beta id="delta"><br>
  14 </form>
  15 <form name=beta>
  16     <input type="radio" name="fruit" id="pumpkin"><br>
  17 </form>
  18 <input type="radio" name="fruit" form=alpha id="cucumber"><br>
  19
  20 <script>
  21 document.alpha.insertBefore(document.beta, document.alpha.fruit[2]);
  22 description('Tests after pressing last radio button in the list, on pressing downkey it selects back first radio button');
  23
  24 clickElement(document.getElementById('cherry'));
  25 shouldBeTrue('document.getElementById("cherry").checked');
  26
  27 eventSender.keyDown('downArrow');
  28 shouldBeTrue('document.getElementById("apple").checked');
  29
  30 eventSender.keyDown('upArrow');
  31 shouldBeTrue('document.getElementById("cherry").checked');
  32
  33
  34 clickElement(document.getElementById('cucumber'));
  35 shouldBeTrue('document.getElementById("cucumber").checked');
  36
  37 eventSender.keyDown('downArrow');
  38 shouldBeTrue('document.getElementById("tomato").checked');
  39
  40 eventSender.keyDown('upArrow');
  41 shouldBeTrue('document.getElementById("cucumber").checked');
  42
  43 clickElement(document.getElementById('pumpkin'));
  44 shouldBeTrue('document.getElementById("pumpkin").checked');
  45
  46 eventSender.keyDown('downArrow');
  47 shouldBeTrue('document.getElementById("pumpkin").checked');
  48
  49 eventSender.keyDown('upArrow');
  50 shouldBeTrue('document.getElementById("pumpkin").checked');
  51
  52 </script>
  53 </body>
  54 </html>