Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(47)

Unified Diff: third_party/WebKit/LayoutTests/fast/dom/shadow/focus-navigation-with-delegatesFocus.html

Issue 1774113002: Move Shadow DOM V1 tests from fast/dom/shadow to shadow-dom (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: . Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698