src/third_party/WebKit/LayoutTests/fast/forms/label/continous-click-on-label.html

   1 <!DOCTYPE html>
   2 <html>
   3 <script src="../../../resources/js-test.js"></script>
   4 <style>
   5 span {
   6     display: inline-block;
   7     width: 15px;
   8     height: 15px;
   9     vertical-align: bottom;
  10     border: 1px solid #ccc;
  11     margin-right: 5px;
  12     background-color: #fff;
  13 }
  14 </style>
  15
  16 <label><input type="checkbox" id="checkbox"><span id="span"></span></label>
  17
  18 <script>
  19 description('Test the continous checking and unchecking of checkbox when ' +
  20     'clicking on associated label');
  21
  22 var checkbox = document.getElementById('checkbox');
  23 var span = document.getElementById('span');
  24
  25 shouldBeFalse('checkbox.checked');
  26 debug('The checkbox should be checked after three clicks');
  27 testWithContinousClick(span, 3);
  28 shouldBeTrue('checkbox.checked');
  29
  30 debug('Checkbox should still be checked after ten clicks');
  31 testWithContinousClick(span, 10);
  32 shouldBeTrue('checkbox.checked');
  33
  34 checkbox.style.display = 'none';
  35
  36 function testWithContinousClick(element, number)
  37 {
  38     eventSender.mouseMoveTo(element.offsetLeft, element.offsetTop);
  39     for (n = 0; n < number; ++n) {
  40         eventSender.mouseDown();
  41         eventSender.mouseUp();
  42     }
  43 }
  44 </script>
  45 </html>