MD History: Hook all elements into the page and add tests.

chrome/test/data/webui/md_history/history_card_manager_test.js

Index: chrome/test/data/webui/md_history/history_card_manager_test.js
diff --git a/chrome/test/data/webui/md_history/history_card_manager_test.js b/chrome/test/data/webui/md_history/history_card_manager_test.js
new file mode 100644
index 0000000000000000000000000000000000000000..007c7252e01b5f568981b4da17552b1276a78524
--- /dev/null
+++ b/chrome/test/data/webui/md_history/history_card_manager_test.js
@@ -0,0 +1,137 @@
+// 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.
+
+cr.define('md_history.history_card_manager_test', function() {
+  // Array of test history data.
+  var TEST_HISTORY_RESULTS = [
+    {
+      "dateRelativeDay": "Today - Wednesday, December 9, 2015",
+      "url": "https://www.google.com"
+    },
+    {
+      "dateRelativeDay": "Yesterday - Tuesday, December 8, 2015",
+      "url": "https://en.wikipedia.com"
+    },
+    {
+      "dateRelativeDay": "Monday, December 7, 2015",
+      "url": "https://www.example.com"
+    },
+    {
+      "dateRelativeDay": "Monday, December 7, 2015",
+      "url": "https://www.google.com"
+    }
+  ];
+
+  var ADDITIONAL_RESULTS = [
+    {
+      "dateRelativeDay": "Monday, December 7, 2015",
+      "url": "https://en.wikipedia.com"
+    },
+    {
+      "dateRelativeDay": "Monday, December 7, 2015",
+      "url": "https://www.youtube.com"
+    },
+    {
+      "dateRelativeDay": "Sunday, December 6, 2015",
+      "url": "https://www.google.com"
+    },
+    {
+      "dateRelativeDay": "Saturday, December 5, 2015",
+      "url": "https://www.example.com"
+    }
+  ];
+
+  function registerTests() {
+    suite('history-card-manager', function() {
+      var element;
+
+      suiteSetup(function() {
+        element = $('history-card-manager');
+      });
+
+      test('splitting items by day', function() {
+        element.addNewResults(TEST_HISTORY_RESULTS);

[tsergeant, 2016/01/22 02:37:11]

element.addNewResults() appears at the start of all of these tests. Can we put
it into a setup() function instead?

[hsampson, 2016/01/22 05:05:03]

Done.

+        assertEquals(3, element.historyDataByDay_.length);
+
+        // Ensure that the output is in reversed date order.
+        assertEquals("Today - Wednesday, December 9, 2015",
+                     element.historyDataByDay_[0].date);
+        assertEquals("Yesterday - Tuesday, December 8, 2015",
+                     element.historyDataByDay_[1].date);
+        assertEquals("Monday, December 7, 2015",
+                     element.historyDataByDay_[2].date);
+        assertEquals("https://www.example.com",
+                     element.historyDataByDay_[2].historyItems[0].url);
+        assertEquals("https://www.google.com",
+                     element.historyDataByDay_[2].historyItems[1].url);
+      });
+
+      test('cancelling selection of multiple items', function() {
+        element.addNewResults(TEST_HISTORY_RESULTS);
+        var toolbar = $('toolbar');
+
+        flush(function() {

[tsergeant, 2016/01/22 02:37:11]

Why does this test get flushed when others don't?

[hsampson, 2016/01/22 05:05:03]

Because this test relies on the history-items being created visually in order to
be able to click them. The other tests are just looking at historyDataByDay_.

+          var cards = Polymer.dom(element.root)
+              .querySelectorAll('history-card');
+          var items = Polymer.dom(cards[2].root)
+              .querySelectorAll('history-item');
+
+          MockInteractions.tap(items[0].$['checkbox']);
+          MockInteractions.tap(items[1].$['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.
+          assertFalse(element.historyDataByDay_[0].historyItems[0].selected);
+          assertFalse(element.historyDataByDay_[1].historyItems[0].selected);
+          assertTrue(element.historyDataByDay_[2].historyItems[0].selected);
+          assertTrue(element.historyDataByDay_[2].historyItems[1].selected);
+
+          toolbar.clearSelection();
+
+          // Make sure that clearing the selection updates both the array and
+          // the actual history-items affected.
+          assertFalse(element.historyDataByDay_[0].historyItems[0].selected);
+          assertFalse(element.historyDataByDay_[1].historyItems[0].selected);
+          assertFalse(element.historyDataByDay_[2].historyItems[0].selected);
+          assertFalse(element.historyDataByDay_[2].historyItems[1].selected);
+
+          assertFalse(items[0].$['checkbox'].checked);
+          assertFalse(items[1].$['checkbox'].checked);
+        });
+      });
+
+      test('updating history results', function() {
+        element.addNewResults(TEST_HISTORY_RESULTS);
+        element.addNewResults(ADDITIONAL_RESULTS);
+
+        assertEquals(5, element.historyDataByDay_.length);
+
+        // Ensure that the output is still in reverse order.
+        assertEquals("Monday, December 7, 2015",
+                     element.historyDataByDay_[2].date);
+        assertEquals("Sunday, December 6, 2015",
+                     element.historyDataByDay_[3].date);
+        assertEquals("Saturday, December 5, 2015",
+                     element.historyDataByDay_[4].date);
+
+        // Ensure that the correct items have been appended to the list.
+        assertEquals("https://en.wikipedia.com",
+                     element.historyDataByDay_[2].historyItems[2].url);
+        assertEquals("https://www.youtube.com",
+                     element.historyDataByDay_[2].historyItems[3].url);
+        assertEquals("https://www.google.com",
+                     element.historyDataByDay_[3].historyItems[0].url);
+        assertEquals("https://www.example.com",
+                     element.historyDataByDay_[4].historyItems[0].url);
+      });
+
+      teardown(function() {
+        element.historyDataByDay_ = [];
+      });
+    });
+  }
+  return {
+    registerTests: registerTests
+  };
+});