[MD Extensions] Update Item Card UI

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() {
   /**
    * The data used to populate the extension item.
    * @type {chrome.developerPrivate.ExtensionInfo}
    */
   var extensionData = extension_test_util.createExtensionInfo();
 
   // The normal elements, which should always be shown.
   var normalElements = [
     {selector: '#name', text: extensionData.name},
     {selector: '#icon'},
     {selector: '#description', text: extensionData.description},
     {selector: '#enable-toggle'},
     {selector: '#details-button'},
     {selector: '#remove-button'},
   ];
   // The developer elements, which should only be shown if in developer
   // mode *and* showing details.
   var devElements = [
     {selector: '#version', text: extensionData.version},
     {selector: '#extension-id', text: 'ID:' + extensionData.id},
     {selector: '#inspect-views'},
-    {selector: '#inspect-views paper-button', text: 'foo.html'},
-    {selector: '#inspect-views paper-button:nth-of-type(0n + 2)',
-     text: 'bar.html'},
+    {selector: '#inspect-views paper-button', text: 'foo.html,'},
+    {selector: '#inspect-views paper-button:nth-of-type(2)',
+     text: '1 more…'},
   ];
 
   /**
    * Tests that the elements' visibility matches the expected visibility.
    * @param {extensions.Item} item
    * @param {Array<Object<string>>} elements
    * @param {boolean} visibility
    */
   function testElementsVisibility(item, elements, visibility) {
     elements.forEach(function(element) {
@@ skipping 77 matching lines @@
       test(assert(TestNames.ClickableItems), function() {
         item.set('inDevMode', true);
 
         mockDelegate.testClickingCalls(
             item.$['remove-button'], 'deleteItem', [item.data.id]);
         mockDelegate.testClickingCalls(
             item.$['enable-toggle'], 'setItemEnabled', [item.data.id, false]);
         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 listener = new extension_test_util.ListenerMock();
-        listener.addListener(item, 'extension-item-show-details',
+        var listener1 = new extension_test_util.ListenerMock();
+        listener1.addListener(item, 'extension-item-show-details',
                              {data: item.data});
         MockInteractions.tap(item.$$('#details-button'));
-        listener.verify();
+        listener1.verify();
+
+        var listener2 = new extension_test_util.ListenerMock();
+        listener2.addListener(item, 'extension-item-show-details',
+                             {data: item.data});
+        MockInteractions.tap(
+            item.$$('#inspect-views paper-button:nth-of-type(2)'));
+        listener2.verify();
 
         item.set('data.disableReasons.corruptInstall', true);
         Polymer.dom.flush();
         mockDelegate.testClickingCalls(
             item.$$('#repair-button'), 'repairItem', [item.data.id]);
+
+        item.set('data.disableReasons.corruptInstall', false);
+        Polymer.dom.flush();
+        mockDelegate.testClickingCalls(
+            item.$$('#reload-button'), 'reloadItem', [item.data.id]);
       });
 
       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 64 matching lines @@
         expectFalse(extension_test_util.isVisible(item, '#source-indicator'));
       });
     });
   }
 
   return {
     registerTests: registerTests,
     TestNames: TestNames,
   };
 });