[MD Bookmarks] Add keyboard navigation to sidebar.

chrome/test/data/webui/md_bookmarks/folder_node_test.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 suite('<bookmarks-folder-node>', function() {
   var rootNode;
   var store;
+  var focusedNode;
+
+  function getFolderNode(id) {
+    return findFolderNode(rootNode, id);
+  }
 
   setup(function() {
     store = new bookmarks.TestStore({
       nodes: testTree(
           createFolder(
               '1',
               [
                 createFolder(
                     '2',
                     [
                       createFolder('3', []),
                       createFolder('4', []),
                     ]),
                 createItem('5'),
               ]),
           createFolder('7', [])),
+      selectedFolder: '1',
     });
     bookmarks.Store.instance_ = store;
 
     rootNode = document.createElement('bookmarks-folder-node');
     rootNode.itemId = '0';
     rootNode.depth = -1;
+    rootNode.addEventListener('folder-node-focus-changed', (e) => {
+      focusedNode = e.detail;
+    });
     replaceBody(rootNode);
     Polymer.dom.flush();
   });
 
   test('selecting and deselecting folders dispatches action', function() {
     var rootFolders = rootNode.root.querySelectorAll('bookmarks-folder-node');
     var firstGen = rootFolders[0].$['descendants'].querySelectorAll(
         'bookmarks-folder-node');
     var secondGen =
         firstGen[0].$['descendants'].querySelectorAll('bookmarks-folder-node');
@@ skipping 28 matching lines @@
     });
     Array.prototype.forEach.call(secondGen, function(f) {
       assertEquals(2, f.depth);
       assertEquals('2', f.style.getPropertyValue('--node-depth'));
     });
   });
 
   test('doesn\'t highlight selected folder while searching', function() {
     var rootFolders = rootNode.root.querySelectorAll('bookmarks-folder-node');
 
-    store.data.selectedFolder = '1';
-    store.notifyObservers();
-
     assertEquals('1', rootFolders['0'].itemId);
     assertTrue(rootFolders['0'].isSelectedFolder_);
 
     store.data.search = {
       term: 'test',
       inProgress: false,
       results: ['3'],
     };
     store.notifyObservers();
 
     assertFalse(rootFolders['0'].isSelectedFolder_);
   });
+
+  test('last visible descendant', function() {
+    assertEquals('7', rootNode.getLastVisibleDescendant_().itemId);
+    assertEquals('4', getFolderNode('1').getLastVisibleDescendant_().itemId);
+
+    store.data.closedFolders = new Set('2');
+    store.notifyObservers();
+
+    assertEquals('2', getFolderNode('1').getLastVisibleDescendant_().itemId);
+  });
+
+  test('next/previous folder nodes', function() {
+    function getNextVisibleFolderNode(parentId, targetId, reverse) {
+      return getFolderNode(parentId).getNextVisibleFolderNode_(
+          reverse, getFolderNode(targetId));
+    }
+
+    // Forwards.
+    assertEquals('2', getNextVisibleFolderNode('1', '1', false).itemId);
+    assertEquals('4', getNextVisibleFolderNode('2', '3', false).itemId);
+    assertEquals(null, getNextVisibleFolderNode('2', '4', false));
+
+    // Backwards.
+    assertEquals('1', getNextVisibleFolderNode('1', '2', true).itemId);
+    assertEquals('3', getNextVisibleFolderNode('2', '4', true).itemId);
+    assertEquals('4', getNextVisibleFolderNode('0', '7', true).itemId);
+
+    // Skips closed folders.
+    store.data.closedFolders = new Set('2');
+    store.notifyObservers();
+
+    assertEquals(null, getNextVisibleFolderNode('1', '2', false));
+    assertEquals(null, getNextVisibleFolderNode('2', '2', false));
+    assertEquals('2', getNextVisibleFolderNode('0', '7', true).itemId);
+  });
+
+  test('keyboard selection', function() {
+    var focusedId;
+
+    function changeKeyboardFocus(direction, targetId, activeElementId) {
+      return getFolderNode(targetId ? targetId : focusedId)
+          .changeKeyboardSelection_(
+              direction,
+              activeElementId ? getFolderNode(activeElementId) :
+                                getFolderNode(focusedId).$.container);
+    }
+
+    store.data.closedFolders = new Set('2');
+    store.notifyObservers();
+
+    // The selected folder is focus enabled on attach.
+    focusedId = '1';
+    assertEquals(focusedId, focusedNode.itemId);
+
+    // Move down into child.
+    assertTrue(changeKeyboardFocus(1));
+    focusedId = '2';
+    assertEquals(focusedId, focusedNode.itemId);
+
+    // Move down past closed folders.
+    assertFalse(changeKeyboardFocus(1));
+    assertFalse(changeKeyboardFocus(1, '1', '2'));
+    assertTrue(changeKeyboardFocus(1, '0', '1'));
+    focusedId = '7';
+    assertEquals(focusedId, focusedNode.itemId);
+
+    // Move down past end of list.
+    assertFalse(changeKeyboardFocus(1));
+    assertFalse(changeKeyboardFocus(1, '0', '7'));
+    focusedId = '7';
+    assertEquals(focusedId, focusedNode.itemId);
+
+    // Move up past closed folders.
+    assertFalse(changeKeyboardFocus(-1));
+    assertTrue(changeKeyboardFocus(-1, '0', '7'));
+    focusedId = '2';
+    assertEquals(focusedId, focusedNode.itemId);
+
+    // Move up into parent.
+    assertFalse(changeKeyboardFocus(-1));
+    assertTrue(changeKeyboardFocus(-1, '1', '2'));
+    focusedId = '1';
+    assertEquals(focusedId, focusedNode.itemId);
+
+    // Move up past start of list.
+    assertFalse(changeKeyboardFocus(-1));
+    assertTrue(changeKeyboardFocus(-1, '0', '1'));
+    focusedId = '1';
+    assertEquals(focusedId, focusedNode.itemId);
+  });
 });