[MD Bookmarks] Add routing.

chrome/test/data/webui/md_bookmarks/store_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-store>', function() {
   var store;
   var TEST_TREE;
 
+  function navigateTo(route) {
+    window.history.replaceState({}, '', route);
+    window.dispatchEvent(new CustomEvent('location-changed'));
+  }
+
   setup(function() {
     TEST_TREE = createFolder('0', [
       createFolder(
           '1',
           [
             createItem('2', {url: 'link2'}),
             createFolder('3', []),
           ]),
       createItem('4', {url: 'link4'}),
       createItem('5', {url: 'link5'}),
     ]);
 
     store = document.createElement('bookmarks-store');
     replaceBody(store);
     store.setupStore_(TEST_TREE);
   });
 
+  teardown (function() {
+    /** Clean up anything left in URL */

[calamity, 2017/01/18 03:37:22]

//

[angelayang, 2017/01/18 06:34:03]

Done.

+    navigateTo('/');
+  });
+
   test('initNodes inserts nodes into idToNodeMap', function(){
     assertEquals(TEST_TREE, store.idToNodeMap_['0']);
     assertEquals(TEST_TREE.children[0], store.idToNodeMap_['1']);
     assertEquals(TEST_TREE.children[0].children[0], store.idToNodeMap_['2']);
     assertEquals(TEST_TREE.children[0].children[1], store.idToNodeMap_['3']);
     assertEquals(TEST_TREE.children[1], store.idToNodeMap_['4']);
     assertEquals(TEST_TREE.children[2], store.idToNodeMap_['5']);
   });
 
   test('changing selectedId changes the displayedList', function(){
@@ skipping 133 matching lines @@
     assertTrue(store.idToNodeMap_['0'].isSelected);
     assertEquals('0', store.selectedId);
   });
 
   test('displayedList updates after searchTerm changes', function() {
       var SEARCH_RESULTS = [
         'cat',
         'apple',
         'Paris',
       ];
-
-      chrome.bookmarks.search = function(searchTerm, callback) {
-        callback(SEARCH_RESULTS);
-      };
+      replaceChromeSearch(SEARCH_RESULTS);
 
       // Search for a non-empty string.
       store.searchTerm = 'a';
       assertFalse(store.rootNode.children[0].isSelected);
       assertEquals(null, store.selectedId);
       assertEquals(SEARCH_RESULTS, store.displayedList);
 
       // Clear the searchTerm.
       store.searchTerm = '';
       var defaultFolder = store.rootNode.children[0];
       assertTrue(defaultFolder.isSelected);
       assertEquals(defaultFolder.id, store.selectedId);
       assertEquals(defaultFolder.children, store.displayedList);
 
       // Search with no bookmarks returned.
       var EMPTY_RESULT = [];
-      chrome.bookmarks.search = function(searchTerm, callback) {
-        callback(EMPTY_RESULT);
-      };
+      replaceChromeSearch(EMPTY_RESULT);
       store.searchTerm = 'asdf';
       assertEquals(EMPTY_RESULT, store.displayedList);
   });
 
   test('bookmark gets updated after editing', function() {
     // Edit title updates idToNodeMap_ properly.
     store.onBookmarkChanged_('4', {'title': 'test'});
     assertEquals('test', store.idToNodeMap_['4'].title);
     assertEquals('link4', store.idToNodeMap_['4'].url);
 
     // Edit url updates idToNodeMap_ properly.
     store.onBookmarkChanged_('5', {'url': 'http://www.google.com'});
     assertEquals('', store.idToNodeMap_['5'].title);
     assertEquals('http://www.google.com', store.idToNodeMap_['5'].url);
 
     // Edit url and title updates idToNodeMap_ properly.
     store.onBookmarkChanged_('2', {
       'title': 'test',
       'url': 'http://www.google.com',
     });
     assertEquals('test', store.idToNodeMap_['2'].title);
     assertEquals('http://www.google.com', store.idToNodeMap_['2'].url);
   });
+
+////////////////////////////////////////////////////////////////////////////////
+// router tests:

[calamity, 2017/01/18 03:37:22]

clang-format will want this indented. Restyle accordingly.

I'm a fan of separators in this test. Can you go up and see what else you can
lump into sections? =D

[angelayang, 2017/01/18 06:34:03]

Done.

+  test('search updates from route', function() {
+    replaceChromeSearch([]);
+    var searchTerm = 'Boat24';
+    navigateTo('/?q=' + searchTerm);
+    store.setupStore_(TEST_TREE);
+    assertEquals(searchTerm, store.searchTerm);
+  });
+
+  test('route updates from search', function() {
+    replaceChromeSearch([]);
+    var searchTerm = 'Boat24';
+    store.searchTerm = searchTerm;
+    assertEquals('chrome://bookmarks/?q=' + searchTerm, window.location.href);
+  });
+
+  test('selectedId updates from route', function() {
+    var selectedId = '2';
+    navigateTo('/' + selectedId);
+    store.setupStore_(TEST_TREE);
+    assertEquals(selectedId, store.selectedId);
+  });
+
+  test('route updates from selectedId', function() {
+    var selectedId = '2';
+    store.selectedId = selectedId;
+    assertEquals('chrome://bookmarks/' + selectedId, window.location.href);
+  });
 });