drive: Add a very basic browser test for the autocomplete feature

chrome/browser/resources/file_manager/js/test_util.js

 // Copyright (c) 2013 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.
 
 /**
  * Namespace for test related things.
  */
 var test = test || {};
 
 /**
@@ skipping 90 matching lines @@
     });
     if (notReadyRows.length === 0 && files.length !== lengthBefore)
       callback(files);
     else
       window.setTimeout(helper, 50);
   }
   helper();
 };
 
 /**
+ * Returns an array of suggestions on the file manager's autocomplete list.
+ *
+ * @param {Window} contentWindow Window to be tested.
+ * @return {Array.<string>} Array of suggestions.
+ */
+test.util.getAutocompleteList = function(contentWindow) {
+  var list = contentWindow.document.querySelector('#autocomplete-list');
+  var lines = list.querySelectorAll('li');
+  var suggestions = [];
+  for (var j = 0; j < lines.length; ++j) {
+    var line = lines[j];
+    suggestions.push(line.innerText);
+  }
+  return suggestions;
+};
+
+/**
+ * Performs autocomplete with the given query.

[mtomasz, 2013/04/17 07:51:10]

Please write down that it not only performs but also waits for *at least*
|numExpectedEntries| items. Also how about renaming to showAutocompleteAndWait?

[satorux1, 2013/04/17 08:03:31]

Done. Renamed it to performAutocompleteAndWait

+ *
+ * @param {Window} contentWindow Window to be tested.
+ * @param {string} query Query used for autocomplete.
+ * @param {number} numExpectedEntries number of entries that matche the query.

[mtomasz, 2013/04/17 07:51:10]

matche -> match

[satorux1, 2013/04/17 08:03:31]

Done.

+ * @param {function(Array.<string>)} callback Change callback.
+ */
+test.util.performAutocomplete = function(
+    contentWindow, query, numExpectedEntries, callback) {
+  // Dispatch a 'focus' event to the search box so that the autocomplete list
+  // is attached to the search box. Note that calling searchBox.focus() won't
+  // dispatch a 'focus' event.
+  var searchBox = contentWindow.document.querySelector('#search-box');
+  var focusEvent = contentWindow.document.createEvent('Event');
+  focusEvent.initEvent('focus', true /* bubbles */, true /* cancelable */);
+  searchBox.dispatchEvent(focusEvent);
+
+  // Change the value of the search box and dispatch an 'input' event so that
+  // the autocomplete query is processed.
+  searchBox.value = query;
+  var inputEvent = contentWindow.document.createEvent('Event');
+  inputEvent.initEvent('input', true /* bubbles */, true /* cancelable */);
+  searchBox.dispatchEvent(inputEvent);
+
+  function helper() {
+    var suggestions = test.util.getAutocompleteList(contentWindow);
+    // The first suggestion is always "'<query>' - search Drive", which we
+    // don't count as an entry.

[satorux1, 2013/04/17 08:03:31]

I found it confusing. Changed the function to take numExpectedItems, which
includes the first item.

+    if (suggestions.length > numExpectedEntries)
+      callback(suggestions);
+    else
+      window.setTimeout(helper, 50);
+  }
+  helper();
+};
+
+/**
  * Waits until a dialog with an OK button is shown and accepts it.
  *
  * @param {Window} contentWindow Window to be tested.
  * @param {function()} callback Success callback.
  */
 test.util.waitAndAcceptDialog = function(contentWindow, callback) {
   var tryAccept = function() {
     var button = contentWindow.document.querySelector('.cr-dialog-ok');
     if (button) {
       button.click();
@@ skipping 121 matching lines @@
       }
     } else {
       // Functions working on a window.
       switch (request.func) {
         case 'getSelectedFiles':
           sendResponse(test.util.getSelectedFiles(contentWindow));
           return false;
         case 'getFileList':
           sendResponse(test.util.getFileList(contentWindow));
           return false;
+        case 'performAutocomplete':
+          test.util.performAutocomplete(
+              contentWindow, request.args[0], request.args[1], sendResponse);
+          return true;
         case 'waitForFileListChange':
           test.util.waitForFileListChange(
               contentWindow, request.args[0], sendResponse);
           return true;
         case 'waitAndAcceptDialog':
           test.util.waitAndAcceptDialog(contentWindow, sendResponse);
           return true;
         case 'selectFile':
           test.util.sendResponse(selectFile(contentWindow, request.args[0]));
           return false;
@@ skipping 14 matching lines @@
         default:
           console.error('Window function ' + request.func + ' not found.');
       }
     }
     return false;
   });
 };
 
 // Register the test utils.
 test.util.registerRemoteTestUtils();