MD WebUI: Pull 'X selected' toolbar overlay from History into shared element

chrome/test/data/webui/md_history/history_list_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('<history-list>', function() {
   var app;
   var element;
   var toolbar;
   var TEST_HISTORY_RESULTS;
   var ADDITIONAL_RESULTS;
@@ skipping 28 matching lines @@
       createHistoryEntry('2015-01-01', 'http://example.com')
     ]);
 
     PolymerTest.flushTasks().then(function() {
       assertEquals(element.historyData_.length, 1);
       items = polymerSelectAll(element, 'history-item');
       MockInteractions.tap(items[0].$.checkbox);
       assertDeepEquals([true], element.historyData_.map(i => i.selected));
       return PolymerTest.flushTasks();
     }).then(function() {
-      MockInteractions.tap(app.$.toolbar.$$('#delete-button'));
+      toolbar.deleteSelectedItems();
       var dialog = listContainer.$.dialog.get();
       registerMessageCallback('removeVisits', this, function() {
         PolymerTest.flushTasks().then(function() {
           deleteComplete();
           return PolymerTest.flushTasks();
         }).then(function() {
           items = polymerSelectAll(element, 'history-item');
           assertEquals(element.historyData_.length, 0);
           done();
         });
       });
       assertTrue(dialog.open);
       MockInteractions.tap(listContainer.$$('.action-button'));
     });
   });
 
   test('cancelling selection of multiple items', function() {
     app.historyResult(createHistoryInfo(), TEST_HISTORY_RESULTS);
     return PolymerTest.flushTasks().then(function() {
       var items = polymerSelectAll(element, 'history-item');
 
       MockInteractions.tap(items[2].$.checkbox);
       MockInteractions.tap(items[3].$.checkbox);
 
       // Make sure that the array of data that determines whether or not an
       // item is selected is what we expect after selecting the two items.
       assertDeepEquals([false, false, true, true],
                        element.historyData_.map(i => i.selected));
 
-      toolbar.onClearSelectionTap_();
+      toolbar.clearSelectedItems();
 
       // Make sure that clearing the selection updates both the array and
       // the actual history-items affected.
       assertDeepEquals([false, false, false, false],
                        element.historyData_.map(i => i.selected));
 
       assertFalse(items[2].selected);
       assertFalse(items[3].selected);
     });
   });
@@ skipping 216 matching lines @@
 
       MockInteractions.tap(items[2].$.checkbox);
       MockInteractions.tap(items[5].$.checkbox);
       MockInteractions.tap(items[7].$.checkbox);
       MockInteractions.tap(items[8].$.checkbox);
       MockInteractions.tap(items[9].$.checkbox);
       MockInteractions.tap(items[10].$.checkbox);
 
       return PolymerTest.flushTasks();
     }).then(function() {
-      MockInteractions.tap(app.$.toolbar.$$('#delete-button'));
+      toolbar.deleteSelectedItems();
 
       var dialog = listContainer.$.dialog.get();
       registerMessageCallback('removeVisits', this, function() {
         PolymerTest.flushTasks().then(function() {
           deleteComplete();
           return PolymerTest.flushTasks();
         }).then(function() {
           assertEquals(element.historyData_.length, 5);
           assertEquals(element.historyData_[0].dateRelativeDay, '2016-03-15');
           assertEquals(element.historyData_[2].dateRelativeDay, '2016-03-13');
@@ skipping 104 matching lines @@
     app.historyResult(createHistoryInfo(), TEST_HISTORY_RESULTS);
     app.historyResult(createHistoryInfo(), ADDITIONAL_RESULTS);
 
     var listContainer = app.$.history;
     PolymerTest.flushTasks().then(function() {
       items = Polymer.dom(element.root).querySelectorAll('history-item');
 
       MockInteractions.tap(items[2].$.checkbox);
       return PolymerTest.flushTasks();
     }).then(function() {
-      MockInteractions.tap(app.$.toolbar.$$('#delete-button'));
+      toolbar.deleteSelectedItems();
       return PolymerTest.flushTasks();
     }).then(function() {
       // Confirmation dialog should appear.
       assertTrue(listContainer.$.dialog.getIfExists().open);
       // Navigate back to chrome://history.
       window.history.back();
 
       listenOnce(window, 'popstate', function() {
         PolymerTest.flushTasks().then(function() {
           assertFalse(listContainer.$.dialog.getIfExists().open);
@@ skipping 20 matching lines @@
     });
   });
 
   teardown(function() {
     registerMessageCallback('removeVisits', this, undefined);
     registerMessageCallback('queryHistory', this, function() {});
     registerMessageCallback('navigateToUrl', this, undefined);
     app.fire('change-query', {search: ''});
   });
 });