third_party/WebKit/LayoutTests/fast/forms/radio/radio-nested-labels.html

   1 <script>
   2 if (window.testRunner) {
   3     testRunner.waitUntilDone();
   4     testRunner.dumpAsText();
   5 }
   6
   7 function checkButton() {
   8     if (!window.testRunner)
   9         return;
  10
  11     var radioFour = document.getElementById("four");
  12     var radioX = radioFour.offsetLeft + radioFour.offsetWidth / 2;
  13     var radioY = radioFour.offsetTop + radioFour.offsetHeight / 2;
  14
  15     eventSender.mouseMoveTo(radioX, radioY);
  16     eventSender.mouseDown();
  17     eventSender.mouseUp();
  18
  19     var result = document.getElementById("result");
  20     if (radioFour.checked)
  21         result.innerHTML = "Test Succeeded!";
  22     testRunner.notifyDone();
  23 }
  24 </script>
  25
  26 <body onload="checkButton()">
  27 <p>This tests our ability to correctly select radio buttons when we have nested label tags. This test
  28 only works in DumpRenderTree. It can be tested manually outside of DRT just by clicking around.</p>
  29
  30 <form>
  31     <input  type="radio" name="chkPlan" id="one"><label for="one">one
  32     <input  type="radio" name="chkPlan" id="two"><label for="two">two
  33     <input  type="radio" name="chkPlan" id="three"><label for="three">three
  34     <input  type="radio" name="chkPlan" id="four"><label for="four">four
  35 </form>
  36
  37 <div id="result">Test Failed</div>
  38 </body>