Add placeholders when lists are empty for passwords and autofill.

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 162 matching lines @@
     Polymer.dom.flush();
     return section;
   },
 };
 
 TEST_F('SettingsAutofillSectionBrowserTest', 'CreditCardTests', function() {
   var self = this;
 
   suite('AutofillSection', function() {
     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);
+
+      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);
+
+      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];
       assertTrue(!!row);
 
       assertEquals(creditCard.metadata.summaryLabel,
@@ skipping 104 matching lines @@
     });
   });
 
   mocha.run();
 });
 
 TEST_F('SettingsAutofillSectionBrowserTest', 'AddressTests', function() {
   var self = this;
 
   suite('AutofillSection', function() {
+    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);
+
+      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);
 
       var addressSummary = address.metadata.summaryLabel +
@@ skipping 402 matching lines @@
           assertEquals(city, cols[0].value);
           assertEquals(state, cols[1].value);
           assertEquals(zip, cols[2].value);
         });
       });
     });
   });
 
   mocha.run();
 });