History: Fix selecting multiple visits.

chrome/test/data/webui/history_browsertest.js

 // Copyright (c) 2012 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.
 
 /** @const */ var TOTAL_RESULT_COUNT = 160;
 /** @const */ var WAIT_TIMEOUT = 200;
 
 /**
  * Create a fake history result with the given timestamp.
  * @param {Number} timestamp Timestamp of the entry, in ms since the epoch.
@@ skipping 32 matching lines @@
  * should be used for all calls from backend stubs to the frontend.
  */
 function callFrontendAsync(functionName) {
   var args = Array.prototype.slice.call(arguments, 1);
   setTimeout(function() {
     window[functionName].apply(window, args);
   }, 1);
 }
 
 /**
+ * Checks that all the checkboxes in the [|start|, |end|] interval are checked
+ * and that their IDs are properly set. Does that against the checkboxes in
+ * |checked|, starting from the |startInChecked| position.
+ * @param {Array} checked An array of all the relevant checked checkboxes
+ *    on this page.
+ * @param {Number} start The starting checkbox id.
+ * @param {Number} end The ending checkbox id.
+ */
+function checkInterval(checked, start, end) {
+  for (var i = start; i <= end; i++)
+    expectEquals('checkbox-' + i, checked[i - start].id);
+}
+
+/**
  * Base fixture for History WebUI testing.
  * @extends {testing.Test}
  * @constructor
  */
 function BaseHistoryWebUITest() {}
 
 BaseHistoryWebUITest.prototype = {
   __proto__: testing.Test.prototype,
 
   /**
@@ skipping 246 matching lines @@
     var nextEntry = document.querySelectorAll('.title a')[3];
     removeButton.click();
     waitForCallback('historyResult', function() {
       // The next entry after the deleted ones should now be the first.
       expectEquals(document.querySelector('.title a').textContent,
                    nextEntry.textContent);
       testDone();
     });
   });
 });
+
+/**
+ * Test selecting multiple entries using shift click.
+ */
+TEST_F('HistoryWebUITest', 'multipleSelect', function() {
+  var checkboxes = document.querySelectorAll(
+      '#results-display input[type=checkbox]');
+
+  var getAllChecked = function () {
+    return Array.prototype.slice.call(document.querySelectorAll(
+        '#results-display input[type=checkbox]:checked'));
+  }
+
+  // Make sure that nothing is checked.
+  expectEquals(0, getAllChecked().length);
+
+  var shiftClick = function(el) {
+    el.dispatchEvent(new MouseEvent('click', { shiftKey: true }));
+  };
+
+  // Check the start.
+  shiftClick($('checkbox-4'));
+  // And the end.
+  shiftClick($('checkbox-9'));
+
+  // See if they are checked.
+  var checked = getAllChecked();
+  expectEquals(6, checked.length);
+  checkInterval(checked, 4, 9);
+
+  // Extend the selection.
+  shiftClick($('checkbox-14'));
+
+  checked = getAllChecked();
+  expectEquals(11, checked.length);
+  checkInterval(checked, 4, 14);
+
+  // Now do a normal click on a higher ID box and a shift click on a lower ID
+  // one (test the other way around).
+  $('checkbox-24').click();
+  shiftClick($('checkbox-19'));
+
+  checked = getAllChecked();
+  expectEquals(17, checked.length);
+  // First set of checkboxes (11).
+  checkInterval(checked, 4, 14);
+  // Second set (6).
+  checkInterval(checked.slice(11), 19, 24);
+
+  // Test deselection.
+  $('checkbox-26').click();
+  shiftClick($('checkbox-20'));
+
+  checked = getAllChecked();
+  // checkbox-20 to checkbox-24 should be deselected now.
+  expectEquals(12, checked.length);
+  // First set of checkboxes (11).
+  checkInterval(checked, 4, 14);
+  // Only checkbox-19 should still be selected.
+  expectEquals('checkbox-19', checked[11].id);
+
+  testDone();
+});