MD-Settings: Create tests for edit options in Credit Cards.

chrome/test/data/webui/settings/settings_autofill_section_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 Runs the Polymer Autofill Settings tests. */
 
 /** @const {string} Path to root from chrome/test/data/webui/settings/. */
 var ROOT_PATH = '../../../../../';
 
 // Polymer BrowserTest fixture.
@@ skipping 186 matching lines @@
       settings.address.CountryDetailManagerImpl.instance_ =
           new CountryDetailManagerTestImpl();
     });
 
     setup(function() {
       PolymerTest.clearBody();
     });
 
     test('verifyCreditCardCount', function() {
       var section = self.createAutofillSection_([], []);
-      assertTrue(!!section);
 
       var creditCardList = section.$.creditCardList;
       assertTrue(!!creditCardList);
-      // +1 for the template element.
-      assertEquals(1, creditCardList.children.length);
+      assertEquals(0, creditCardList.querySelectorAll('.list-item').length);
 
       assertFalse(section.$.noCreditCardsLabel.hidden);
       assertTrue(section.$.creditCardsHeading.hidden);
     });
 
     test('verifyCreditCardCount', function() {
       var creditCards = [
         FakeDataMaker.creditCardEntry(),
         FakeDataMaker.creditCardEntry(),
         FakeDataMaker.creditCardEntry(),
         FakeDataMaker.creditCardEntry(),
         FakeDataMaker.creditCardEntry(),
         FakeDataMaker.creditCardEntry(),
       ];
 
       var section = self.createAutofillSection_([], creditCards);
 
-      assertTrue(!!section);
       var creditCardList = section.$.creditCardList;
       assertTrue(!!creditCardList);
-      // +1 for the template element.
-      assertEquals(creditCards.length + 1, creditCardList.children.length);
+      assertEquals(creditCards.length,
+          creditCardList.querySelectorAll('.list-item').length);
 
       assertTrue(section.$.noCreditCardsLabel.hidden);
       assertFalse(section.$.creditCardsHeading.hidden);
     });
 
     test('verifyCreditCardFields', function() {
       var creditCard = FakeDataMaker.creditCardEntry();
       var section = self.createAutofillSection_([], [creditCard]);
       var creditCardList = section.$.creditCardList;
       var row = creditCardList.children[0];
@@ skipping 181 matching lines @@
 
         creditCardDialog.addEventListener('close', function() {
           // Test is |done| in a timeout in order to ensure that
           // 'save-credit-card' is NOT fired after this test.
           window.setTimeout(done, 100);
         });
 
         MockInteractions.tap(creditCardDialog.$.cancelButton);
       });
     });
+
+    test('verifyLocalCreditCardMenu', function() {
+      var creditCard = FakeDataMaker.creditCardEntry();
+
+      // When credit card is local, |isCached| will be undefined.
+      creditCard.metadata.isLocal = true;
+      creditCard.metadata.isCached = undefined;
+
+      var section = self.createAutofillSection_([], [creditCard]);
+      var creditCardList = section.$.creditCardList;
+      assertTrue(!!creditCardList);
+      assertEquals(1, creditCardList.querySelectorAll('.list-item').length);
+      var row = creditCardList.children[0];
+
+      // Local credit cards will show the overflow menu.
+      assertFalse(!!row.querySelector('#remoteCreditCardLink'));
+      var menuButton = row.querySelector('#creditCardMenu');
+      assertTrue(!!menuButton);
+
+      menuButton.click();
+      Polymer.dom.flush();
+
+      var menu = section.$.creditCardSharedMenu;
+
+      // Menu should have 2 options.
+      assertFalse(menu.querySelector('#menuEditCreditCard').hidden);
+      assertFalse(menu.querySelector('#menuRemoveCreditCard').hidden);
+      assertTrue(menu.querySelector('#menuClearCreditCard').hidden);
+
+      menu.close();
+      Polymer.dom.flush();
+    });
+
+    test('verifyCachedCreditCardMenu', function() {
+      var creditCard = FakeDataMaker.creditCardEntry();
+
+      creditCard.metadata.isLocal = false;
+      creditCard.metadata.isCached = true;
+
+      var section = self.createAutofillSection_([], [creditCard]);
+      var creditCardList = section.$.creditCardList;
+      assertTrue(!!creditCardList);
+      assertEquals(1, creditCardList.querySelectorAll('.list-item').length);
+      var row = creditCardList.children[0];
+
+      // Cached remote CCs will show overflow menu.
+      assertFalse(!!row.querySelector('#remoteCreditCardLink'));
+      var menuButton = row.querySelector('#creditCardMenu');
+      assertTrue(!!menuButton);
+
+      menuButton.click();
+      Polymer.dom.flush();
+
+      var menu = section.$.creditCardSharedMenu;
+
+      // Menu should have 2 options.
+      assertFalse(menu.querySelector('#menuEditCreditCard').hidden);
+      assertTrue(menu.querySelector('#menuRemoveCreditCard').hidden);
+      assertFalse(menu.querySelector('#menuClearCreditCard').hidden);
+
+      menu.close();
+      Polymer.dom.flush();
+    });
+
+    test('verifyNotCachedCreditCardMenu', function() {
+      var creditCard = FakeDataMaker.creditCardEntry();
+
+      creditCard.metadata.isLocal = false;
+      creditCard.metadata.isCached = false;
+
+      var section = self.createAutofillSection_([], [creditCard]);
+      var creditCardList = section.$.creditCardList;
+      assertTrue(!!creditCardList);
+      assertEquals(1, creditCardList.querySelectorAll('.list-item').length);
+      var row = creditCardList.children[0];
+
+      // No overflow menu when not cached.
+      assertTrue(!!row.querySelector('#remoteCreditCardLink'));
+      assertFalse(!!row.querySelector('#creditCardMenu'));
+    });
   });
 
   mocha.run();
 });
 
 TEST_F('SettingsAutofillSectionBrowserTest', 'AddressTests', function() {
   var self = this;
 
 
   suite('AutofillSection', function() {
     suiteSetup(function() {
       settings.address.CountryDetailManagerImpl.instance_ =
           new CountryDetailManagerTestImpl();
     });
 
     setup(function() {
       PolymerTest.clearBody();
     });
 
     test('verifyNoAddresses', function() {
       var section = self.createAutofillSection_([], []);
-      assertTrue(!!section);
 
       var addressList = section.$.addressList;
       assertTrue(!!addressList);
       // 1 for the template element.
       assertEquals(1, addressList.children.length);
 
       assertFalse(section.$.noAddressesLabel.hidden);
     });
 
     test('verifyAddressCount', function() {
       var addresses = [
         FakeDataMaker.addressEntry(),
         FakeDataMaker.addressEntry(),
         FakeDataMaker.addressEntry(),
         FakeDataMaker.addressEntry(),
         FakeDataMaker.addressEntry(),
       ];
 
       var section = self.createAutofillSection_(addresses, []);
 
-      assertTrue(!!section);
       var addressList = section.$.addressList;
       assertTrue(!!addressList);
-      // +1 for the template element.
-      assertEquals(addresses.length + 1, addressList.children.length);
+      assertEquals(addresses.length,
+          addressList.querySelectorAll('.list-item').length);
 
       assertTrue(section.$.noAddressesLabel.hidden);
     });
 
     test('verifyAddressFields', function() {
       var address = FakeDataMaker.addressEntry();
       var section = self.createAutofillSection_([address], []);
       var addressList = section.$.addressList;
       var row = addressList.children[0];
       assertTrue(!!row);
@@ skipping 12 matching lines @@
       assertEquals(addressSummary, actualSummary);
     });
 
     test('verifyAddressRowButtonIsDropdownWhenLocal', function() {
       var address = FakeDataMaker.addressEntry();
       address.metadata.isLocal = true;
       var section = self.createAutofillSection_([address], []);
       var addressList = section.$.addressList;
       var row = addressList.children[0];
       assertTrue(!!row);
-      var menuButton = row.querySelector('#addressMenu')
+      var menuButton = row.querySelector('#addressMenu');
       assertTrue(!!menuButton);
       var outlinkButton = row.querySelector('button.icon-external');
       assertFalse(!!outlinkButton);
     });
 
     test('verifyAddressRowButtonIsOutlinkWhenRemote', function() {
       var address = FakeDataMaker.addressEntry();
       address.metadata.isLocal = false;
       var section = self.createAutofillSection_([address], []);
       var addressList = section.$.addressList;
       var row = addressList.children[0];
       assertTrue(!!row);
-      var menuButton = row.querySelector('#addressMenu')
+      var menuButton = row.querySelector('#addressMenu');
       assertFalse(!!menuButton);
       var outlinkButton = row.querySelector('button.icon-external');
       assertTrue(!!outlinkButton);
     });
 
     test('verifyAddAddressDialog', function() {
       return self.createAddressDialog_(
           FakeDataMaker.emptyAddressEntry()).then(function(dialog) {
         var title = dialog.$$('.title');
         assertEquals(loadTimeData.getString('addAddressTitle'),
@@ skipping 415 matching lines @@
           assertEquals(city, cols[0].value);
           assertEquals(state, cols[1].value);
           assertEquals(zip, cols[2].value);
         });
       });
     });
   });
 
   mocha.run();
 });