| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test.js"></script> |
| <script> |
| function runTest() { |
| var label = document.getElementById('label'); |
| var button = document.getElementById('button'); |
| label.focus(); |
| debug('Focus should be on the label'); |
| shouldBe('document.activeElement', 'label'); |
| eventSender.keyDown('\t'); |
| debug('Focus should be on the button after pressing tab'); |
| shouldBe('document.activeElement', 'button'); |
| eventSender.keyDown('\t', ['shiftKey']); |
| debug('Focus should be on the label after pressing shift+tab'); |
| shouldBe('document.activeElement', 'label'); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <label id="label" contenteditable>I'm editable.</label> |
| <button id="button">Just a button</button> |
| </body> |
| </html> |
| |