MD Settings: Migrate enable-translation toggle from non-MD settings page.

chrome/test/data/webui/settings/languages_page_browsertest.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 settings-languages-page. */
 
 /** @const {string} Path to root from chrome/test/data/webui/settings/. */
 var ROOT_PATH = '../../../../../';
 
 // Polymer BrowserTest fixture.
@@ skipping 217 matching lines @@
         assertEquals(1, separator.offsetHeight);
 
         // Disable Translate. On platforms that can't change the UI language,
         // this hides all the checkboxes, so the separator isn't needed.
         // Chrome OS and Windows still show a checkbox and thus the separator.
         languageHelper.setPrefValue('translate.enabled', false);
         assertEquals(
             cr.isChromeOS || cr.isWindows ? 1 : 0, separator.offsetHeight);
       });
 
-      test('toggle translate', function(done) {
+      test('test translate.enable toggle', function() {
+        languageHelper.setPrefValue('translate.enabled', true);
+        var toggle = languagesPage.$.offerTranslateOtherLangs.root
+            .querySelectorAll('paper-toggle-button')[0];

[michaelpg, 2017/02/01 23:30:48]

shorter:
    .root.querySelector('paper-toggle-button')

even shorter (Polymer shortcut for root.querySelector):
    .$$('paper-toggle-button')

[scottchen, 2017/02/01 23:33:50]

I think I'll leave it like this, just in case someone has to another
paper-toggle-button on the page it wouldn't break the test :)

[michaelpg, 2017/02/01 23:41:13]

They are exactly equivalent -- querySelector returns the first entry of what
querySelectorAll would return. But it's not a big deal.

(I do agree looking for the 0th paper-toggle-button is a bit fragile, but it's
fine.)

+        assertTrue(!!toggle);
+
+        // Clicking on toggle switch it to false.
+        MockInteractions.tap(toggle);
+        var newToggleValue = languageHelper.prefs.translate.enabled.value;
+        assertFalse(newToggleValue);
+
+        // Clicking on toggle switch it to true again.
+        MockInteractions.tap(toggle);
+        newToggleValue = languageHelper.prefs.translate.enabled.value;
+        assertTrue(newToggleValue);
+      });
+
+      test('toggle translate for a specific language', function(done) {
         // Enable Translate so the menu always shows the Translate checkbox.
         languageHelper.setPrefValue('translate.enabled', true);
         languagesPage.set('languages.translateTarget', 'foo');
         languagesPage.set('languages.enabled.1.supportsTranslate', true);
 
         var languageOptionsDropdownTrigger =
             languagesCollapse.querySelectorAll('paper-icon-button')[1];
         assertTrue(!!languageOptionsDropdownTrigger);
         MockInteractions.tap(languageOptionsDropdownTrigger);
         assertTrue(actionMenu.open);
 
         // Toggle the translate option.
         var translateOption = actionMenu.querySelector('#offerTranslations');
         assertTrue(!!translateOption);
         assertFalse(translateOption.disabled);
         MockInteractions.tap(translateOption);
 
         // Menu should stay open briefly.
         assertTrue(actionMenu.open);
         // Guaranteed to run later than the menu close delay.
         setTimeout(function() {
           assertFalse(actionMenu.open);
           done();
         }, settings.kMenuCloseDelay + 1);
       });
 
+      test('disable translate hides language-specific option', function() {
+        // Disables translate.
+        languageHelper.setPrefValue('translate.enabled', false);
+        languagesPage.set('languages.translateTarget', 'foo');
+        languagesPage.set('languages.enabled.1.supportsTranslate', true);
+
+        // Makes sure language-specific menu exists.
+        var languageOptionsDropdownTrigger =
+            languagesCollapse.querySelectorAll('paper-icon-button')[1];
+        assertTrue(!!languageOptionsDropdownTrigger);
+        MockInteractions.tap(languageOptionsDropdownTrigger);
+        assertTrue(actionMenu.open);
+
+        // The language-specific translation option should be hidden.
+        var translateOption = actionMenu.querySelector('#offerTranslations');
+        assertTrue(!!translateOption);
+        assertTrue(translateOption.hidden);
+      });
+
       test('remove language', function() {
         var numEnabled = languagesPage.languages.enabled.length;
 
         // Enabled a language which we can then disable.
         var newLanguage = getAvailableLanguage();
         languageHelper.enableLanguage(newLanguage.code);
 
         // Wait for the language to be enabled.
         return whenNumEnabledLanguagesBecomes(numEnabled + 1).then(function() {
           // Populate the dom-repeat.
@@ skipping 73 matching lines @@
         assertTrue(!!languagesPage.$$('settings-edit-dictionary-page'));
       }
     });
   }.bind(this));
 
   // TODO(michaelpg): Test more aspects of the languages UI.
 
   // Run all registered tests.
   mocha.run();
 });