change site-settings -> usb-device to use cr-action-menu instead of paper-menu

chrome/browser/resources/settings/site_settings/usb_devices.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.
 
 /**
  * @fileoverview
  * 'usb-devices' is the polymer element for showing the USB Devices category
  * under Site Settings.
  */
 
 Polymer({
   is: 'usb-devices',
 
   behaviors: [SiteSettingsBehavior],
 
   properties: {
     /**
      * A list of all USB devices.
-     * @type {Array<UsbDeviceEntry>}
+     * @private {!Array<!UsbDeviceEntry>}
      */
-    devices: Array,
+    devices_: Array,
+
+    /**
+     * The targetted object for menu operations.
+     * @private {?Object}
+     */
+    actionMenuModel_: Object
   },
 
   ready: function() {
     this.fetchUsbDevices_();
   },
 
   /**
    * Fetch the list of USB devices and update the list.
    * @private
    */
   fetchUsbDevices_: function() {
     this.browserProxy.fetchUsbDevices().then(function(deviceList) {
-      this.devices = deviceList;
+      this.devices_ = deviceList;
     }.bind(this));
   },
 
   /**
    * A handler when an action is selected in the action menu.
+   * @private
+   */
+  onRemoveTap_: function() {
+    var item = this.actionMenuModel_;
+    this.browserProxy.removeUsbDevice(
+        item.origin, item.embeddingOrigin, item.object);

[dpapad, 2016/11/09 21:37:42]

How does the dialog get closed after we tap the remove button? Shouldn't we be
calling this.$$('dialog[is=cr-action-menu]')).close() here?

[dpapad, 2016/11/10 17:35:09]

^^ Also can we ensure that the test checks that the action menu is closed after
a removal?

[scottchen, 2016/11/10 19:17:48]

Done.

[scottchen, 2016/11/10 19:17:48]

Done.

+    this.actionMenuModel_ = null;
+    this.fetchUsbDevices_();
+  },
+
+  /**
+   * A handler to show the action menu next to the clicked menu button.
    * @param {!{model: !{item: UsbDeviceEntry}}} event
    * @private
    */
-  onActionMenuIronActivate_: function(event) {
-    var item = event.model.item;
-    this.browserProxy.removeUsbDevice(
-        item.origin, item.embeddingOrigin, item.object);
-    this.fetchUsbDevices_();
-  },
+  showMenu_: function(event) {
+    this.actionMenuModel_ = event.model.item;
+    /** @type {!CrActionMenuElement} */ (
+        this.$$('dialog[is=cr-action-menu]')).showAt(
+            /** @type {!Element} */ (
+                Polymer.dom(/** @type {!Event} */ (event)).localTarget));
+  }
 });