src/third_party/WebKit/LayoutTests/fast/forms/label/contenteditable-label-focus-tab.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.js"></script>
   5 <script>
   6 function runTest() {
   7     var label = document.getElementById('label');
   8     var button = document.getElementById('button');
   9     label.focus();
  10     debug('Focus should be on the label');
  11     shouldBe('document.activeElement', 'label');
  12     eventSender.keyDown('\t');
  13     debug('Focus should be on the button after pressing tab');
  14     shouldBe('document.activeElement', 'button');
  15     eventSender.keyDown('\t', ['shiftKey']);
  16     debug('Focus should be on the label after pressing shift+tab');
  17     shouldBe('document.activeElement', 'label');
  18 }
  19 </script>
  20 </head>
  21 <body onload="runTest()">
  22 <label id="label" contenteditable>I'm editable.</label>
  23 <button id="button">Just a button</button>
  24 </body>
  25 </html>
  26