[MD Extensions] Implement keyboard shortcuts page

chrome/test/data/webui/extensions/extension_test_util.js

 // Copyright 2015 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.
 
 /** @fileoverview Common utilities for extension ui tests. */
 cr.define('extension_test_util', function() {
   /**
    * A mock to test that clicking on an element calls a specific method.
    * @constructor
    */
@@ skipping 11 matching lines @@
       var mock = new MockController();
       var mockMethod = mock.createFunctionMock(this, callName);
       MockMethod.prototype.addExpectation.apply(
           mockMethod, opt_expectedArgs);
       MockInteractions.tap(element);
       mock.verifyMocks();
     },
   };
 
   /**
+   * A mock to test receiving expected events and verify that they were called
+   * with the proper detail values.
+   */
+  function ListenerMock() {}
+
+  ListenerMock.prototype = {
+    /** @private {Object<{satisfied: boolean, args: !Object}>} */
+    listeners_: {},
+
+    /**
+     * @param {string} eventName
+     * @param {Event} e
+     */
+    onEvent_: function(eventName, e) {
+      assert(this.listeners_.hasOwnProperty(eventName));
+      if (this.listeners_[eventName].satisfied) {
+        // Event was already called and checked. We could always make this
+        // more intelligent by allowing for subsequent calls, removing the
+        // listener, etc, but there's no need right now.
+        return;
+      }
+      var expected = this.listeners_[eventName].args || {};
+      expectDeepEquals(e.detail, expected);
+      this.listeners_[eventName].satisfied = true;
+    },
+
+    /**
+     * Adds an expected event.
+     * @param {!EventTarget} target
+     * @param {string} eventName
+     * @param {Object=} eventArgs If omitted, will check that the details are

[michaelpg, 2016/07/08 07:12:33]

opt_eventArgs

[Devlin, 2016/07/08 23:14:43]

Done.

+     *     empty (i.e., {}).
+     */
+    addListener: function(target, eventName, eventArgs) {
+      assert(!this.listeners_.hasOwnProperty(eventName));
+      this.listeners_[eventName] = {args: eventArgs || {}, satisfied: false};
+      target.addEventListener(eventName, this.onEvent_.bind(this, eventName));
+    },
+
+    /** Verifies the expectations set. */
+    verify: function() {
+      var missingEvents = [];
+      for (var key in this.listeners_) {
+        if (!this.listeners_[key].satisfied)
+          missingEvents.push(key);
+      }
+      expectEquals(0, missingEvents.length, JSON.stringify(missingEvents));
+    },
+  }
+
+  /**
    * A mock delegate for the item, capable of testing functionality.
    * @constructor
    * @extends {ClickMock}
    * @implements {extensions.ItemDelegate}
    */
   function MockItemDelegate() {}
 
   MockItemDelegate.prototype = {
     __proto__: ClickMock.prototype,
 
@@ skipping 97 matching lines @@
   function testIronIcons(e) {
     e.querySelectorAll('* /deep/ iron-icon').forEach(function(icon) {
       var svg = icon.$$('svg');
       expectTrue(!!svg && svg.innerHTML != '',
                  'icon "' + icon.icon + '" is not present');
     });
   }
 
   return {
     ClickMock: ClickMock,
+    ListenerMock: ListenerMock,
     MockItemDelegate: MockItemDelegate,
     isVisible: isVisible,
     testVisible: testVisible,
     createExtensionInfo: createExtensionInfo,
     testIronIcons: testIronIcons,
   };
 });