[MD Extensions] Implement opening tab-style options pages

chrome/test/data/webui/extensions/extension_detail_view_test.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 Suite of tests for extensions-detail-view. */
 cr.define('extension_detail_view_tests', function() {
   /** @enum {string} */
   var TestNames = {
     Layout: 'layout',
     ClickableElements: 'clickable elements',
@@ skipping 20 matching lines @@
         return PolymerTest.importHtml('chrome://extensions/item.html');
       });
 
       // Initialize an extension item before each test.
       setup(function() {
         PolymerTest.clearBody();
         extensionData = extension_test_util.createExtensionInfo({
           incognitoAccess: {isEnabled: true, isActive: false},
           fileAccess: {isEnabled: true, isActive: false},
           runOnAllUrls: {isEnabled: true, isActive: false},
-          errorCollection: {isEnabled: true, isActive: false}
+          errorCollection: {isEnabled: true, isActive: false},
         });
         mockDelegate = new extension_test_util.MockItemDelegate();
         item = new extensions.DetailView();
         item.set('data', extensionData);
         item.set('delegate', mockDelegate);
         document.body.appendChild(item);
       });
 
       test(assert(TestNames.Layout), function() {
         Polymer.dom.flush();
 
         extension_test_util.testIronIcons(item);
 
         var testIsVisible = extension_test_util.isVisible.bind(null, item);
         expectTrue(testIsVisible('#close-button'));
         expectTrue(testIsVisible('#open-in-webstore'));
-        expectTrue(testIsVisible('#options'));
+        expectFalse(testIsVisible('#options'));
 
         // Check the checkboxes visibility and state. They should be visible
         // only if the associated option is enabled, and checked if the
         // associated option is active.
         var accessOptions = [
           {key: 'incognitoAccess', id: '#allow-incognito'},
           {key: 'fileAccess', id: '#allow-on-file-urls'},
           {key: 'runOnAllUrls', id: '#allow-on-all-sites'},
           {key: 'errorCollection', id: '#collect-errors'},
         ];
@@ skipping 27 matching lines @@
 
         expectFalse(testIsVisible('#permissions-list'));
         expectTrue(testIsVisible('#no-permissions'));
         item.set('data.permissions', ['Permission 1', 'Permission 2']);
         Polymer.dom.flush();
         expectTrue(testIsVisible('#permissions-list'));
         expectEquals(2,
                      item.$$('#permissions-list').querySelectorAll('li').
                          length);
         expectFalse(testIsVisible('#no-permissions'));
+
+        var optionsUrl =
+             'chrome-extension://' + extensionData.id + '/options.html';
+        item.set('data.optionsPage', {openInTab: true, url: optionsUrl});
+        expectTrue(testIsVisible('#options'));
       });
 
       test(assert(TestNames.ClickableElements), function() {
+        var optionsUrl =
+            'chrome-extension://' + extensionData.id + '/options.html';
+        item.set('data.optionsPage', {openInTab: true, url: optionsUrl});
         Polymer.dom.flush();
         mockDelegate.testClickingCalls(
             item.$$('#allow-incognito'), 'setItemAllowedIncognito',
             [extensionData.id, true]);
         mockDelegate.testClickingCalls(
             item.$$('#allow-on-file-urls'), 'setItemAllowedOnFileUrls',
             [extensionData.id, true]);
         mockDelegate.testClickingCalls(
             item.$$('#allow-on-all-sites'), 'setItemAllowedOnAllSites',
             [extensionData.id, true]);
         mockDelegate.testClickingCalls(
             item.$$('#collect-errors'), 'setItemCollectsErrors',
             [extensionData.id, true]);
+        mockDelegate.testClickingCalls(
+            item.$$('#options'), 'showItemOptionsPage', [extensionData.id]);
       });
     });
   }
 
   return {
     registerTests: registerTests,
     TestNames: TestNames,
   };
 });