Settings People Revamp: Switch Change Picture to use iron-selector.

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

 // Copyright 2015 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-change-picture. */
 
 GEN_INCLUDE(['settings_page_browsertest.js']);
 
 /**
  * @constructor
@@ skipping 37 matching lines @@
   var basic = this.getPage('basic');
   assertTrue(!!basic);
   var peopleSection = this.getSection(basic, 'people');
   assertTrue(!!peopleSection);
   var peoplePage = peopleSection.querySelector('settings-people-page');
   assertTrue(!!peoplePage);
   var changePicture = peoplePage.$$('settings-change-picture');
   assertTrue(!!changePicture);
 
   /**
-   * Registers a callback to be called once when the selected image URL changes.
-   * @param {!function()} callback
+   * Returns a promise that resolves once the selected item is updated.
+   * @param {!function()} action is executed after the listener is set up.

[dpapad, 2016/01/22 02:35:32]

@return missing

[tommycli, 2016/01/22 19:24:40]

Done.

[dpapad, 2016/01/22 20:12:25]

Nit: "function" is also implied non-null (unless you do "?function()"), so no
need for "!".

[tommycli, 2016/01/22 21:37:53]

Done.

    */
-  function whenSelectedImageUrlChanged() {
+  function runAndResolveWhenSelectedItemChanged(action) {
     return new Promise(function(resolve, reject) {
       var handler = function() {
-        changePicture.removeEventListener('selected-image-url_-changed',
-                                          handler);
+        changePicture.removeEventListener('selected-item_-changed', handler);
         resolve();
       };
-      changePicture.addEventListener('selected-image-url_-changed', handler);
+      changePicture.addEventListener('selected-item_-changed', handler);
+      action();
     });
   }
 
   suite('SettingsChangePicturePage', function() {
     setup(function() {
       // Reset the selected image to nothing.
-      changePicture.selectedImageUrl_ = '';
+      changePicture.$.selector.selected = -1;
     });
 
     test('select camera image', function() {
-      var cameraImage = changePicture.$$('#camera-image');
+      var cameraImage = changePicture.$$('img[data-type="camera"]');
       assertTrue(!!cameraImage);
 
-      assertFalse(changePicture.cameraActive_);
       expectFalse(changePicture.$.previewImage.hidden);
 
       MockInteractions.tap(cameraImage);
 
       Polymer.dom.flush();
 
-      expectTrue(changePicture.cameraActive_);
+      expectEquals('camera', changePicture.selectedItem_.dataset.type);
       expectTrue(changePicture.$.previewImage.hidden);
     });
 
     test('select profile image', function() {
-      var profileImage = changePicture.$$('#profile-image');
+      var profileImage = changePicture.$$('img[data-type="profile"]');
       assertTrue(!!profileImage);
 
-      MockInteractions.tap(profileImage);
-
-      return whenSelectedImageUrlChanged().then(function() {
-        expectEquals(changePicture.selectedImageUrl_,
-                     changePicture.profileImageUrl_);
-
+      return runAndResolveWhenSelectedItemChanged(function() {
+        MockInteractions.tap(profileImage);
+      }).then(function() {
         Polymer.dom.flush();
-        expectTrue(profileImage.active);
+        expectEquals('profile', changePicture.selectedItem_.dataset.type);
         expectFalse(changePicture.$.previewImage.hidden);
       });
     });
 
     test('select old images', function() {
-      // By default there is no old image.
-      var oldImage = changePicture.$$('#old-image');
-      assertFalse(!!oldImage);
+      // By default there is no old image and the element is hidden.
+      var oldImage = changePicture.$$('img[data-type="old"]');
+      assertTrue(!!oldImage);
+      assertTrue(oldImage.hidden);
 
-      // The promise must start listening for the property change before
-      // we make the fake API call.
-      var promise = whenSelectedImageUrlChanged();
+      return runAndResolveWhenSelectedItemChanged(function() {
+        settings.ChangePicturePage.receiveOldImage('fake-old-image.jpg');
+      }).then(function() {
+        Polymer.dom.flush();
 
-      settings.ChangePicturePage.receiveOldImage('fake-old-image.jpg');
-
-      return promise.then(function() {
         // Expect the old image to be selected once an old image is sent via
         // the native interface.
-        expectEquals(changePicture.selectedImageUrl_,
-                     changePicture.oldImageUrl_);
-
-        Polymer.dom.flush();
-        var oldImage = changePicture.$$('#old-image');
-        assertTrue(!!oldImage);
-        expectTrue(oldImage.active);
+        expectEquals('old', changePicture.selectedItem_.dataset.type);
+        expectFalse(oldImage.hidden);
         expectFalse(changePicture.$.previewImage.hidden);
       });
     });
 
     test('select first default image', function() {
-      var firstDefaultImage = changePicture.$$('.default-image');
+      var firstDefaultImage = changePicture.$$('img[data-type="default"]');
       assertTrue(!!firstDefaultImage);
 
-      MockInteractions.tap(firstDefaultImage);
-
-      return whenSelectedImageUrlChanged().then(function() {
-        // Expect the first default image to be selected.
-        expectEquals(changePicture.selectedImageUrl_,
-                     changePicture.defaultImages_[0].url);
-
+      return runAndResolveWhenSelectedItemChanged(function() {
+        MockInteractions.tap(firstDefaultImage);
+      }).then(function() {
         Polymer.dom.flush();
-        expectTrue(firstDefaultImage.active);
+        expectEquals('default', changePicture.selectedItem_.dataset.type);
+        expectEquals(firstDefaultImage, changePicture.selectedItem_);
         expectFalse(changePicture.$.previewImage.hidden);
       });
     });
   });
 
   // Run all registered tests.
   mocha.run();
 });