contenteditable-label-focus-tab.html

<!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>

chromium/third_party/blink/web_tests/fast/forms/label/contenteditable-label-focus-tab.html