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

Unified Diff: third_party/WebKit/LayoutTests/shadow-dom/focus-navigation-slot-nested-2levels.html

Issue 2432293002: Fix focus navigation for nested slot case (Closed)
Patch Set: More references Created 4 years, 1 month 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/shadow-dom/focus-navigation-slot-nested-2levels.html
diff --git a/third_party/WebKit/LayoutTests/shadow-dom/focus-navigation-slot-nested-2levels.html b/third_party/WebKit/LayoutTests/shadow-dom/focus-navigation-slot-nested-2levels.html
new file mode 100644
index 0000000000000000000000000000000000000000..3071f4f0c78f27c500954f5b45e9272abe7a8eee
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/shadow-dom/focus-navigation-slot-nested-2levels.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<script src='../resources/testharness.js'></script>
+<script src='../resources/testharnessreport.js'></script>
+<script src='resources/shadow-dom.js'></script>
+<script src='resources/focus-utils.js'></script>
+<div id="log"></div>
+
+<input id='i0'>
+<div id='outer'>
+ <template data-mode='open'>
+ <input id='outer-before'>
+ <slot></slot>
+ <input id='outer-after'>
+ </template>
+ <div id='dummy1'></div>
+ <div id='nested1'>
+ <template data-mode='open'>
+ <input id='inner-before'>
+ <button id='button'><slot></slot></button>
+ <input id='inner-after'>
+ </template>
+ <div id='dummy2'></div>
+ <div id='nested2'>
+ <template data-mode='open'>
+ <input id='innermost-before'>
+ <slot></slot>
+ <input id='innermost-after'>
+ </template>
+ <input id='innermost1'>
+ <input id='innermost2'>
+ </div>
+ <span>button</span>
+ </div>
+</div>
+<input id='i1'>
+
+<script>
+test(function() {
+ var outer = document.querySelector('#outer');
+ convertTemplatesToShadowRootsWithin(outer);
+
+ var elements = [
+ 'i0',
+ 'outer/outer-before',
+ 'nested1/inner-before',
+ 'nested1/button',
+ 'nested2/innermost-before',
+ 'innermost1',
+ 'innermost2',
+ 'nested2/innermost-after',
+ 'nested1/inner-after',
+ 'outer/outer-after',
+ 'i1'
+ ];
+
+ assert_focus_navigation_forward(elements);
+ elements.reverse();
+ assert_focus_navigation_backward(elements);
+}, 'Focus controller should treat each slot as a focus scope.');
+</script>

Powered by Google App Engine
This is Rietveld 408576698