Settings: Network: Merge Tether networks into Mobile subpage

chrome/test/data/webui/settings/internet_page_tests.js

 // Copyright 2017 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.
 
 suite('Internet', function() {
   /** @type {InternetPageElement} */
   var internetPage = null;
 
   /** @type {NetworkSummaryElement} */
   var networkSummary_ = null;
@@ skipping 10 matching lines @@
       internetAddThirdPartyVPN: 'internetAddThirdPartyVPN',
       internetAddVPN: 'internetAddVPN',
       internetAddWiFi: 'internetAddWiFi',
       internetDetailPageTitle: 'internetDetailPageTitle',
       internetKnownNetworksPageTitle: 'internetKnownNetworksPageTitle',
     });
 
     CrOncStrings = {
       OncTypeCellular: 'OncTypeCellular',
       OncTypeEthernet: 'OncTypeEthernet',
+      OncTypeTether: 'OncTypeTether',
       OncTypeVPN: 'OncTypeVPN',
       OncTypeWiFi: 'OncTypeWiFi',
       OncTypeWiMAX: 'OncTypeWiMAX',
       networkListItemConnected: 'networkListItemConnected',
       networkListItemConnecting: 'networkListItemConnecting',
       networkListItemConnectingTo: 'networkListItemConnectingTo',
       networkListItemNotConnected: 'networkListItemNotConnected',
       vpnNameTemplate: 'vpnNameTemplate',
     };
 
@@ skipping 48 matching lines @@
       api_.disableNetworkType('WiFi');
       Polymer.dom.flush();
       var wifi = networkSummary_.$$('#WiFi');
       assertTrue(!!wifi);
 
       // Ensure that the initial state is disabled and the toggle is
       // enabled but unchecked.
       assertEquals('Disabled', api_.getDeviceStateForTest('WiFi').State);
       var toggle = wifi.$$('#deviceEnabledButton');
       assertTrue(!!toggle);
-      assertTrue(toggle.enabled);
+      assertFalse(toggle.disabled);
       assertFalse(toggle.checked);
 
       // Tap the enable toggle button and ensure the state becomes enabled.
       MockInteractions.tap(toggle);
       Polymer.dom.flush();
       assertTrue(toggle.checked);
       assertEquals('Enabled', api_.getDeviceStateForTest('WiFi').State);
     });
   });
 
   suite('SubPage', function() {
     test('WiFi', function() {
       api_.addNetworksForTest([
         {GUID: 'wifi1_guid', Name: 'wifi1', Type: 'WiFi'},
         {GUID: 'wifi12_guid', Name: 'wifi2', Type: 'WiFi'},
       ]);
       api_.enableNetworkType('WiFi');
       Polymer.dom.flush();
       var wifi = networkSummary_.$$('#WiFi');
       assertTrue(!!wifi);
       MockInteractions.tap(wifi.$$('button.subpage-arrow'));
       Polymer.dom.flush();
-      var subpage = internetPage.$$('settings-internet-subpage');
-      assertTrue(!!subpage);
-      assertEquals(2, subpage.networkStateList_.length);
-      var networkList = subpage.$$('#networkList');
-      assertTrue(!!networkList);
-      assertEquals(2, networkList.networks.length);
+      // Allow dom-if templates to resolve.
+      Polymer.Base.async(function() {
+        var subpage = internetPage.$$('settings-internet-subpage');
+        assertTrue(!!subpage);
+        assertEquals(2, subpage.networkStateList_.length);
+        var toggle = wifi.$$('#deviceEnabledButton');
+        assertTrue(!!toggle);
+        assertFalse(toggle.disabled);
+        var networkList = subpage.$$('#networkList');
+        assertTrue(!!networkList);
+        assertEquals(2, networkList.networks.length);
+      });});
+
+    test('Cellular', function() {
+      api_.addNetworksForTest([
+        {GUID: 'cellular1_guid', Name: 'cellular1', Type: 'Cellular'},
+      ]);
+      api_.enableNetworkType('Cellular');
+      Polymer.dom.flush();
+      // Allow dom-if templates to resolve.
+      Polymer.Base.async(function() {
+        var mobile = networkSummary_.$$('#Cellular');
+        assertTrue(!!mobile);
+        MockInteractions.tap(mobile.$$('button.subpage-arrow'));
+        Polymer.dom.flush();
+        var subpage = internetPage.$$('settings-internet-subpage');
+        // No subpage when there is only one Cellular network.
+        assertFalse(!!subpage);
+      });
+    });
+
+    test('Tether', function() {
+      api_.addNetworksForTest([
+        {GUID: 'tether1_guid', Name: 'tether1', Type: 'Tether'},
+        {GUID: 'tether2_guid', Name: 'tether2', Type: 'Tether'},
+      ]);
+      api_.enableNetworkType('Tether');
+      Polymer.dom.flush();
+      // Allow dom-if templates to resolve.
+      Polymer.Base.async(function() {
+        var mobile = networkSummary_.$$('#Tether');
+        assertTrue(!!mobile);
+        MockInteractions.tap(mobile.$$('button.subpage-arrow'));
+        Polymer.dom.flush();
+        var subpage = internetPage.$$('settings-internet-subpage');
+        assertTrue(!!subpage);
+        assertEquals(3, subpage.networkStateList_.length);
+        var toggle = mobile.$$('#deviceEnabledButton');
+        assertTrue(!!toggle);
+        assertFalse(toggle.disabled);
+        var networkList = subpage.$$('#networkList');
+        assertTrue(!!networkList);
+        assertEquals(3, networkList.networks.length);
+        var tetherToggle = mobile.$$('#tetherEnabledButton');
+        // No separate tether toggle when Celular is not available; the
+        // primary toggle enables or disables Tether in that case.
+        assertFalse(!!tetherToggle);
+      });
+    });
+
+    test('Tether plus Cellular', function() {
+      api_.addNetworksForTest([
+        {GUID: 'cellular1_guid', Name: 'cellular1', Type: 'Cellular'},
+        {GUID: 'tether1_guid', Name: 'tether1', Type: 'Tether'},
+        {GUID: 'tether2_guid', Name: 'tether2', Type: 'Tether'},
+      ]);
+      api_.enableNetworkType('Cellular');
+      api_.enableNetworkType('Tether');
+      Polymer.dom.flush();
+      // Allow dom-if templates to resolve.
+      Polymer.Base.async(function() {
+        var mobile = networkSummary_.$$('#Cellular');
+        assertTrue(!!mobile);
+        MockInteractions.tap(mobile.$$('button.subpage-arrow'));
+        Polymer.dom.flush();
+        var subpage = internetPage.$$('settings-internet-subpage');
+        assertTrue(!!subpage);
+        assertEquals(3, subpage.networkStateList_.length);
+        var toggle = mobile.$$('#deviceEnabledButton');
+        assertTrue(!!toggle);
+        assertFalse(toggle.disabled);
+        var networkList = subpage.$$('#networkList');
+        assertTrue(!!networkList);
+        assertEquals(3, networkList.networks.length);
+        var tetherToggle = mobile.$$('#tetherEnabledButton');
+        assertTrue(!!tetherToggle);
+        assertTrue(tetherToggle.enabled);
+      });
     });
 
     test('VPN', function() {
       api_.addNetworksForTest([
         {GUID: 'vpn1_guid', Name: 'vpn1', Type: 'VPN'},
         {GUID: 'vpn2_guid', Name: 'vpn1', Type: 'VPN'},
         {
           GUID: 'third_party1_vpn1_guid',
           Name: 'vpn3',
           Type: 'VPN',
@@ skipping 16 matching lines @@
           Name: 'vpn5',
           Type: 'VPN',
           VPN: {
             Type: 'ThirdPartyVPN',
             ThirdPartyVPN: {ExtensionID: 'id2', ProviderName: 'pname2'}
           }
         },
       ]);
       api_.onNetworkListChanged.callListeners();
       Polymer.dom.flush();
-      var vpn = networkSummary_.$$('#VPN');
-      assertTrue(!!vpn);
-      MockInteractions.tap(vpn.$$('button.subpage-arrow'));
-      Polymer.dom.flush();
-      var subpage = internetPage.$$('settings-internet-subpage');
-      assertTrue(!!subpage);
-      assertEquals(2, subpage.networkStateList_.length);
-      var networkList = subpage.$$('#networkList');
-      assertTrue(!!networkList);
-      assertEquals(2, networkList.networks.length);
-      // TODO(stevenjb): Implement fake management API and test third
-      // party provider sections.
+      // Allow dom-if templates to resolve.
+      Polymer.Base.async(function() {
+        var vpn = networkSummary_.$$('#VPN');
+        assertTrue(!!vpn);
+        MockInteractions.tap(vpn.$$('button.subpage-arrow'));
+        Polymer.dom.flush();
+        var subpage = internetPage.$$('settings-internet-subpage');
+        assertTrue(!!subpage);
+        assertEquals(2, subpage.networkStateList_.length);
+        var networkList = subpage.$$('#networkList');
+        assertTrue(!!networkList);
+        assertEquals(2, networkList.networks.length);
+        // TODO(stevenjb): Implement fake management API and test third
+        // party provider sections.
+      });
     });
   });
 });