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

chrome/test/data/webui/extensions/extension_manager_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-sidebar. */
 cr.define('extension_manager_tests', function() {
   /** @enum {string} */
   var TestNames = {
-    SplitSections: 'split sections',
     ItemOrder: 'item order',
-    ExtensionSectionVisibility: 'extension section visibility',
-    AppSectionVisibility: 'app section visibility',
-    WebsiteSectionVisibility: 'website section visibility',
-    Scrolling: 'scrolling',
+    ItemListVisibility: 'item list visibility',
+    ShowItems: 'show items',
   };
 
   function getDataByName(list, name) {
     return assert(list.find(function(el) { return el.name == name; }));
   }
 
   function registerTests() {
     suite('ExtensionManagerTest', function() {
       /** @type {extensions.Manager} */
       var manager;
 
       setup(function() {
         manager = document.querySelector('extensions-manager');
       });
 
-      test(assert(TestNames.SplitSections), function() {

[Devlin, 2016/04/23 01:50:11]

Relevant pieces of this test have moved to the ShowItems test.

-        var testManagerElementVisible =
-            extension_test_util.testVisible.bind(null, manager);
-        // All sections should be visible.
-        testManagerElementVisible('#extensions-list', true);
-        testManagerElementVisible('#apps-list', true);
-        testManagerElementVisible('#websites-list', true);
-
-        var sectionHasItemWithName = function(section, name) {
-          return !!manager[section].find(function(el) {
-            return el.name == name;
-          });
-        };
-
-        expectEquals(manager.extensions, manager.$['extensions-list'].items);
-        expectEquals(manager.apps, manager.$['apps-list'].items);
-        expectEquals(manager.websites, manager.$['websites-list'].items);
-
-        // We really just have to test for existence of the items within the
-        // given subsection of the manager, since they are bound to the iron
-        // list with Polymer (and we kind of have to trust that Polymer works).
-        expectTrue(sectionHasItemWithName('extensions', 'My extension 1'));
-        expectTrue(sectionHasItemWithName(
-            'apps', 'Platform App Test: minimal platform app'));
-        expectTrue(sectionHasItemWithName('websites', 'hosted_app'));
-        expectTrue(sectionHasItemWithName('websites', 'Packaged App Test'));
-      });
-
       test(assert(TestNames.ItemOrder), function() {
         expectEquals(0, manager.extensions.length);
 
         var alphaFromStore = extension_test_util.createExtensionInfo(
             {location: 'FROM_STORE', name: 'Alpha', id: 'a'.repeat(32)});
         manager.addItem(alphaFromStore);
 
         expectEquals(1, manager.extensions.length);
         expectEquals(alphaFromStore.id, manager.extensions[0].id);
 
@@ skipping 30 matching lines @@
 
         expectEquals(6, manager.extensions.length);
         expectEquals(betaUnpacked.id, manager.extensions[0].id);
         expectEquals(gammaUnpacked.id, manager.extensions[1].id);
         expectEquals(aaFromStore.id, manager.extensions[2].id);
         expectEquals(AaFromStore.id, manager.extensions[3].id);
         expectEquals(aAFromStore.id, manager.extensions[4].id);
         expectEquals(alphaFromStore.id, manager.extensions[5].id);
       });
 
-      test(assert(TestNames.ExtensionSectionVisibility), function() {
+      test(assert(TestNames.ItemListVisibility), function() {
         var testVisible = extension_test_util.testVisible.bind(null, manager);
-        var testSidebarVisible =
-             extension_test_util.testVisible.bind(null, manager.sidebar);
-
         var extension = getDataByName(manager.extensions, 'My extension 1');
 
-        testVisible('#extensions-list', true);
-        testSidebarVisible('#sections-extensions', true);
+        var listHasItemWithName = function(name) {
+          return !!manager.$['items-list'].items.find(function(el) {
+            return el.name == name;
+          });
+        };
+
+        expectEquals(manager.extensions, manager.$['items-list'].items);
+        testVisible('#items-list', true);
+        expectTrue(listHasItemWithName('My extension 1'));
+
         manager.removeItem(extension);
         Polymer.dom.flush();
-        testVisible('#extensions-list', false);
-        testSidebarVisible('#sections-extensions', false);
+        testVisible('#items-list', false);
+        expectFalse(listHasItemWithName('My extension 1'));
 
         manager.addItem(extension);
         Polymer.dom.flush();
-        testVisible('#extensions-list', true);
-        testSidebarVisible('#sections-extensions', true);
+        testVisible('#items-list', true);
+        expectTrue(listHasItemWithName('My extension 1'));
       });
 
-      test(assert(TestNames.AppSectionVisibility), function() {

[Devlin, 2016/04/23 01:50:11]

We can now combine these into one test, since there's only one list for all
items.

-        var testVisible = extension_test_util.testVisible.bind(null, manager);
-        var testSidebarVisible =
-             extension_test_util.testVisible.bind(null, manager.sidebar);
-        var platformApp =
-            getDataByName(manager.apps,
-                          'Platform App Test: minimal platform app');
+      test(assert(TestNames.ShowItems), function() {
+        var sectionHasItemWithName = function(section, name) {
+          return !!manager[section].find(function(el) {
+            return el.name == name;
+          });
+        };
 
-        testVisible('#apps-list', true);
-        testSidebarVisible('#sections-apps', true);
-        manager.removeItem(platformApp);
-        Polymer.dom.flush();
-        testVisible('#apps-list', false);
-        testSidebarVisible('#sections-apps', false);
+        // Test that we properly split up the items into two sections.
+        expectTrue(sectionHasItemWithName('extensions', 'My extension 1'));
+        expectTrue(sectionHasItemWithName(
+            'apps', 'Platform App Test: minimal platform app'));
+        expectTrue(sectionHasItemWithName('apps', 'hosted_app'));
+        expectTrue(sectionHasItemWithName('apps', 'Packaged App Test'));
 
-        manager.addItem(platformApp);
-        Polymer.dom.flush();
-        testVisible('#apps-list', true);
-        testSidebarVisible('#sections-apps', true);
-      });
-
-      test(assert(TestNames.WebsiteSectionVisibility), function() {
-        var testVisible = extension_test_util.testVisible.bind(null, manager);
-        var testSidebarVisible =
-             extension_test_util.testVisible.bind(null, manager.sidebar);
-
-        var hostedApp = getDataByName(manager.websites, 'hosted_app');
-        var packagedApp = getDataByName(manager.websites, 'Packaged App Test');
-
-        testVisible('#websites-list', true);
-        testSidebarVisible('#sections-websites', true);
-        expectEquals(2, manager.websites.length);
-        manager.removeItem(hostedApp);
-        Polymer.dom.flush();
-        expectEquals(1, manager.websites.length);
-        testVisible('#websites-list', true);
-        testSidebarVisible('#sections-websites', true);
-        manager.removeItem(packagedApp);
-        Polymer.dom.flush();
-        testVisible('#websites-list', false);
-        testSidebarVisible('#sections-websites', false);
-
-        manager.addItem(hostedApp);
-        Polymer.dom.flush();
-        testVisible('#websites-list', true);
-        testSidebarVisible('#sections-websites', true);
-      });
-
-      test(assert(TestNames.Scrolling), function() {
-        // TODO(devlin): This doesn't really test anything, because scrolling is
-        // so heavily dependent on viewport size (which is very unpredictable in
-        // browser tests). But we can at least exercise the code path and check
-        // for errors.
-        manager.scrollHelper_.scrollToExtensions();
-        manager.scrollHelper_.scrollToApps();
-        manager.scrollHelper_.scrollToWebsites();
+        // Toggle between extensions and apps and back again.
+        expectEquals(manager.extensions, manager.$['items-list'].items);
+        manager.listHelper_.showApps();
+        expectEquals(manager.apps, manager.$['items-list'].items);
+        manager.listHelper_.showExtensions();
+        expectEquals(manager.extensions, manager.$['items-list'].items);
+        // Repeating a selection should have no change.
+        manager.listHelper_.showExtensions();
+        expectEquals(manager.extensions, manager.$['items-list'].items);
       });
     });
   }
 
   return {
     registerTests: registerTests,
     TestNames: TestNames,
   };
 });