[MD Extensions] Add a details subpage, move to one list

chrome/test/data/webui/extensions/extension_item_test.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 Suite of tests for extension-item. */
 cr.define('extension_item_tests', function() {
   /**
    * A mock delegate for the item, capable of testing functionality.
    * @constructor
    * @extends {extension_test_util.ClickMock}
    * @implements {extensions.ItemDelegate}
    */
   function MockDelegate() {}
 
   MockDelegate.prototype = {
     __proto__: extension_test_util.ClickMock.prototype,
 
     /** @override */
     deleteItem: function(id) {},
 
     /** @override */
     setItemEnabled: function(id, enabled) {},
 
     /** @override */
-    showItemDetails: function(id) {},
-
-    /** @override */
     setItemAllowedIncognito: function(id, enabled) {},
 
-    /** @override */
-    isInDevMode: function() { return false; },
-
     /** @override: */
     inspectItemView: function(id, view) {},
   };
 
   /**
    * The data used to populate the extension item.
    * @type {chrome.developerPrivate.ExtensionInfo}
    */
   var extensionData = extension_test_util.createExtensionInfo();
 
@@ skipping 141 matching lines @@
         item.set('inDevMode', true);
 
         mockDelegate.testClickingCalls(
             item.$['delete-button'], 'deleteItem', [item.data.id]);
         mockDelegate.testClickingCalls(
             item.$.enabled, 'setItemEnabled', [item.data.id, false]);
         mockDelegate.testClickingCalls(
             item.$$('#allow-incognito'), 'setItemAllowedIncognito',
             [item.data.id, true]);
         mockDelegate.testClickingCalls(
-            item.$$('#details-button'), 'showItemDetails', [item.data.id]);
-        mockDelegate.testClickingCalls(
             item.$$('#inspect-views paper-button'),
             'inspectItemView', [item.data.id, item.data.views[0]]);
         mockDelegate.testClickingCalls(
             item.$$('#inspect-views paper-button:nth-of-type(0n + 2)'),
             'inspectItemView', [item.data.id, item.data.views[1]]);
+
+        var satisfied = false;
+        var listener = function(e) {
+          expectTrue(e.detail.element == item);
+          satisfied = true;
+        };
+        item.addEventListener('extension-item-show-details', listener);
+        MockInteractions.tap(item.$$('#details-button'));
+        expectTrue(satisfied);
+        item.removeEventListener('extension-item-show-details', listener);
       });
 
       test(assert(TestNames.Warnings), function() {
         var hasCorruptedWarning = function() {
           return extension_test_util.isVisible(item, '#corrupted-warning');
         };
         var hasSuspiciousWarning = function() {
           return extension_test_util.isVisible(item, '#suspicious-warning');
         };
         var hasBlacklistedWarning = function() {
@@ skipping 38 matching lines @@
         extension_test_util.testVisible(item, '#warnings-container', false);
       });
     });
   }
 
   return {
     registerTests: registerTests,
     TestNames: TestNames,
   };
 });