| Index: third_party/WebKit/LayoutTests/fast/dom/shadow/focus-navigation-with-delegatesFocus.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/focus-navigation-with-delegatesFocus.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/focus-navigation-with-delegatesFocus.html
|
| deleted file mode 100644
|
| index 48c159b72acb0bc2046202155749f410128e354a..0000000000000000000000000000000000000000
|
| --- a/third_party/WebKit/LayoutTests/fast/dom/shadow/focus-navigation-with-delegatesFocus.html
|
| +++ /dev/null
|
| @@ -1,217 +0,0 @@
|
| -<!DOCTYPE html>
|
| -<html>
|
| -<head>
|
| -<script src="../../../resources/js-test.js"></script>
|
| -<script src="resources/shadow-dom.js"></script>
|
| -</head>
|
| -<body>
|
| -<p>This tests TAB focus navigation with delegatesFocus flag on shadow hosts</p>
|
| -<pre id="console"></pre>
|
| -<div id="sandbox"></div>
|
| -<script>
|
| -function prepareDOMTree(parent, mode, tabindex, delegatesFocus) {
|
| - parent.innerHTML = '';
|
| - parent.appendChild(
|
| - createDOM('div', {'id': 'testform'},
|
| - createDOM('input', {'id': 'input-before'}),
|
| - createDOM('div', {'id': 'host-div'},
|
| - createShadowRoot(
|
| - {'mode': mode,
|
| - 'delegatesFocus': delegatesFocus},
|
| - createDOM('input', {'id': 'inner-input'}))),
|
| - createDOM('input', {'id': 'input-after'})));
|
| -
|
| - if (tabindex !== null)
|
| - parent.querySelector('#host-div').tabIndex = tabindex;
|
| -
|
| - parent.offsetTop;
|
| -}
|
| -
|
| -var hostDiv;
|
| -var sandbox = document.getElementById('sandbox');
|
| -
|
| -function test1(mode) {
|
| - debug('(1/8) Testing tab navigation order without tabindex and delegatesFocus=false');
|
| - prepareDOMTree(sandbox, mode, null, false);
|
| - hostDiv = document.getElementById('host-div');
|
| - shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'false');
|
| - shouldBe('hostDiv.tabIndex', '-1');
|
| -
|
| - expectedOrder = [
|
| - 'input-before',
|
| - 'host-div/inner-input',
|
| - 'input-after'
|
| - ];
|
| -
|
| - testFocusNavigationForward(expectedOrder);
|
| - expectedOrder.reverse();
|
| - testFocusNavigationBackward(expectedOrder);
|
| -}
|
| -
|
| -function test2(mode) {
|
| - debug('(2/8) Testing tab navigation order without tabindex and delegatesFocus=true');
|
| - prepareDOMTree(sandbox, mode, null, true);
|
| - hostDiv = document.getElementById('host-div');
|
| - shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'true');
|
| - shouldBe('hostDiv.tabIndex', '0');
|
| -
|
| - var expectedOrder = [
|
| - 'input-before',
|
| - 'host-div/inner-input',
|
| - 'input-after'
|
| - ];
|
| -
|
| - testFocusNavigationForward(expectedOrder);
|
| - expectedOrder.reverse();
|
| - testFocusNavigationBackward(expectedOrder);
|
| -}
|
| -
|
| -function test3(mode) {
|
| - debug('(3/8) Testing tab navigation order with tabindex=0 and delegatesFocus=false');
|
| - prepareDOMTree(sandbox, mode, 0, false);
|
| - hostDiv = document.getElementById('host-div');
|
| - shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'false');
|
| - shouldBeEqualToString('hostDiv.getAttribute("tabindex")', '0');
|
| -
|
| - expectedOrder = [
|
| - 'input-before',
|
| - 'host-div',
|
| - 'host-div/inner-input',
|
| - 'input-after'
|
| - ];
|
| -
|
| - testFocusNavigationForward(expectedOrder);
|
| - expectedOrder.reverse();
|
| - testFocusNavigationBackward(expectedOrder);
|
| -}
|
| -
|
| -function test4(mode) {
|
| - debug('(4/8)Testing tab navigation order with tabindex=0 and delegatesFocus=true');
|
| - prepareDOMTree(sandbox, mode, 0, true);
|
| - hostDiv = document.getElementById('host-div');
|
| - shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'true');
|
| - shouldBeEqualToString('hostDiv.getAttribute("tabindex")', '0');
|
| -
|
| - expectedOrder = [
|
| - 'input-before',
|
| - // 'host-div', // should skip host when delegatesFocus=true
|
| - 'host-div/inner-input',
|
| - 'input-after'
|
| - ];
|
| -
|
| - testFocusNavigationForward(expectedOrder);
|
| - expectedOrder.reverse();
|
| - testFocusNavigationBackward(expectedOrder);
|
| -}
|
| -
|
| -function test5(mode) {
|
| - debug('(5/8) Testing tab navigation order with tabindex=-1 and delegatesFocus=false');
|
| - prepareDOMTree(sandbox, mode, -1, false);
|
| - hostDiv = document.getElementById('host-div');
|
| - shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'false');
|
| - shouldBeEqualToString('hostDiv.getAttribute("tabindex")', '-1');
|
| -
|
| - expectedOrder = [
|
| - 'input-before',
|
| - 'host-div/inner-input',
|
| - 'input-after'
|
| - ];
|
| -
|
| - testFocusNavigationForward(expectedOrder);
|
| - expectedOrder.reverse();
|
| - testFocusNavigationBackward(expectedOrder);
|
| -}
|
| -
|
| -function test6(mode) {
|
| - debug('(6/8) Testing tab navigation order with tabindex=-1 and delegatesFocus=true');
|
| - prepareDOMTree(sandbox, mode, -1, true);
|
| - hostDiv = document.getElementById('host-div');
|
| - shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'true');
|
| - shouldBeEqualToString('hostDiv.getAttribute("tabindex")', '-1');
|
| -
|
| - expectedOrder = [
|
| - 'input-before',
|
| - // 'host-div/inner-input', // The whole shadow tree should be skipped
|
| - 'input-after'
|
| - ];
|
| -
|
| - testFocusNavigationForward(expectedOrder);
|
| - expectedOrder.reverse();
|
| - testFocusNavigationBackward(expectedOrder);
|
| -}
|
| -
|
| -function test7(mode) {
|
| - debug('(7/8) Testing tab navigation order with tabindex=1 and delegatesFocus=false');
|
| - prepareDOMTree(sandbox, mode, 1, false);
|
| - hostDiv = document.getElementById('host-div');
|
| - shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'false');
|
| - shouldBeEqualToString('hostDiv.getAttribute("tabindex")', '1');
|
| -
|
| - expectedOrder = [
|
| - 'input-before',
|
| - 'input-after',
|
| - 'host-div',
|
| - 'host-div/inner-input'
|
| - ];
|
| -
|
| - testFocusNavigationForward(expectedOrder);
|
| - expectedOrder.reverse();
|
| - testFocusNavigationBackward(expectedOrder);
|
| -}
|
| -
|
| -function test8(mode) {
|
| - debug('(8/8) Testing tab navigation order with tabindex=1 and delegatesFocus=true');
|
| - prepareDOMTree(sandbox, mode, 1, true);
|
| - hostDiv = document.getElementById('host-div');
|
| - shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'true');
|
| - shouldBeEqualToString('hostDiv.getAttribute("tabindex")', '1');
|
| -
|
| - expectedOrder = [
|
| - 'input-before',
|
| - 'input-after',
|
| - // 'host-div', // should skip host when delegatesFocus=true
|
| - 'host-div/inner-input'
|
| - ];
|
| -
|
| - testFocusNavigationForward(expectedOrder);
|
| - expectedOrder.reverse();
|
| - testFocusNavigationBackward(expectedOrder);
|
| -}
|
| -
|
| -function test() {
|
| - debug('Testing shadow host with possible combinations of mode, tabindex and delegatesFocus');
|
| -
|
| - test1('open');
|
| - test2('open');
|
| - test3('open');
|
| - test4('open');
|
| - test5('open');
|
| - test6('open');
|
| - test7('open');
|
| - test8('open');
|
| -
|
| - test1('closed');
|
| - test2('closed');
|
| - test3('closed');
|
| - test4('closed');
|
| - test5('closed');
|
| - test6('closed');
|
| - test7('closed');
|
| - test8('closed');
|
| -}
|
| -
|
| -function run_tests() {
|
| - if (!window.eventSender) {
|
| - testFailed('');
|
| - return;
|
| - }
|
| -
|
| - test();
|
| -
|
| - debug('Test finished.');
|
| -}
|
| -
|
| -run_tests();
|
| -</script>
|
| -</body>
|
| -</html>
|
|
|