MD Settings: About page, implement obsolete/end-of-the-line status.

chrome/test/data/webui/settings/about_page_tests.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.
 
 cr.define('settings_about_page', function() {
   /**
    * @constructor
    * @implements {settings.AboutPageBrowserProxy}
    * @extends {settings.TestBrowserProxy}
    */
@@ skipping 126 matching lines @@
 
   function registerAboutPageTests() {
     /** @param {!UpdateStatus} status */
     function fireStatusChanged(status) {
       cr.webUIListenerCallback('update-status-changed', {status: status});
     }
 
     suite('AboutPageTest', function() {
       var page = null;
       var browserProxy = null;
+      var SPINNER_ICON = 'chrome://resources/images/throbber_small.svg';
 
       setup(function() {
         browserProxy = new TestAboutPageBrowserProxy();
         settings.AboutPageBrowserProxyImpl.instance_ = browserProxy;
         return initNewPage();
       });
 
+      teardown(function() {
+        page.remove();
+        page = null;
+        loadTimeData.overrideValues({
+          aboutObsoleteNowOrSoon: false,
+          aboutObsoleteEndOfTheLine: false,
+        });
+      });
+
       /** @return {!Promise} */
       function initNewPage() {
         browserProxy.reset();
         PolymerTest.clearBody();
         page = document.createElement('settings-about-page');
         document.body.appendChild(page);
         return browserProxy.whenCalled('refreshUpdateStatus');
       }
 
       /**
        * Test that the status icon updates according to incoming
        * 'update-status-changed' events.
        */
       test('IconUpdates', function() {
-        var SPINNER_ICON = 'chrome://resources/images/throbber_small.svg';
-
         var icon = page.$$('iron-icon');
         assertTrue(!!icon);
 
         fireStatusChanged(UpdateStatus.CHECKING);
         assertEquals(SPINNER_ICON, icon.src);
         assertEquals(null, icon.getAttribute('icon'));
 
         fireStatusChanged(UpdateStatus.UPDATING);
         assertEquals(SPINNER_ICON, icon.src);
         assertEquals(null, icon.getAttribute('icon'));
@@ skipping 12 matching lines @@
 
         fireStatusChanged(UpdateStatus.FAILED);
         assertEquals(null, icon.src);
         assertEquals('settings:error', icon.icon);
 
         fireStatusChanged(UpdateStatus.DISABLED);
         assertEquals(null, icon.src);
         assertEquals(null, icon.getAttribute('icon'));
       });
 
+      /**
+       * Test that when the current platform has been marked as deprecated (but
+       * not end of the line) a deprecation warning message is displayed,
+       * without interfering with the update status message and icon.
+       */
+      test('ObsoleteSystem', function() {
+        loadTimeData.overrideValues({
+          aboutObsoleteNowOrSoon: true,
+          aboutObsoleteEndOfTheLine: false,
+        });
+
+        return initNewPage().then(function() {
+          var icon = page.$$('iron-icon');
+          assertTrue(!!icon);
+          assertTrue(!!page.$.updateStatusMessage);
+          assertTrue(!!page.$.deprecationWarning);
+
+          assertFalse(page.$.deprecationWarning.hidden);
+          assertFalse(page.$.updateStatusMessage.hidden);
+
+          fireStatusChanged(UpdateStatus.CHECKING);
+          assertEquals(SPINNER_ICON, icon.src);
+          assertEquals(null, icon.getAttribute('icon'));
+          assertFalse(page.$.deprecationWarning.hidden);
+          assertFalse(page.$.updateStatusMessage.hidden);
+
+          fireStatusChanged(UpdateStatus.UPDATING);
+          assertEquals(SPINNER_ICON, icon.src);
+          assertEquals(null, icon.getAttribute('icon'));
+          assertFalse(page.$.deprecationWarning.hidden);
+          assertFalse(page.$.updateStatusMessage.hidden);
+
+          fireStatusChanged(UpdateStatus.NEARLY_UPDATED);
+          assertEquals(null, icon.src);
+          assertEquals('settings:check-circle', icon.icon);
+          assertFalse(page.$.deprecationWarning.hidden);
+          assertFalse(page.$.updateStatusMessage.hidden);
+        });
+      });
+
+      /**
+       * Test that when the current platform has reached the end of the line, a
+       * deprecation warning message and an error icon is displayed.
+       */
+      test('ObsoleteSystemEndOfLine', function() {
+        loadTimeData.overrideValues({
+          aboutObsoleteNowOrSoon: true,
+          aboutObsoleteEndOfTheLine: true,
+        });
+        return initNewPage().then(function() {
+          var icon = page.$$('iron-icon');
+          assertTrue(!!icon);
+          assertTrue(!!page.$.deprecationWarning);
+          assertTrue(!!page.$.updateStatusMessage);
+
+          assertFalse(page.$.deprecationWarning.hidden);
+          assertFalse(page.$.deprecationWarning.hidden);
+
+          fireStatusChanged(UpdateStatus.CHECKING);
+          assertEquals(null, icon.src);
+          assertEquals('settings:error', icon.icon);
+          assertFalse(page.$.deprecationWarning.hidden);
+          assertTrue(page.$.updateStatusMessage.hidden);
+
+          fireStatusChanged(UpdateStatus.FAILED);
+          assertEquals(null, icon.src);
+          assertEquals('settings:error', icon.icon);
+          assertFalse(page.$.deprecationWarning.hidden);
+          assertTrue(page.$.updateStatusMessage.hidden);
+
+          fireStatusChanged(UpdateStatus.UPDATED);
+          assertEquals(null, icon.src);
+          assertEquals('settings:error', icon.icon);
+          assertFalse(page.$.deprecationWarning.hidden);
+          assertTrue(page.$.updateStatusMessage.hidden);
+        });
+      });
+
       if (cr.isChromeOS) {
         /**
          * Test that all buttons update according to incoming
          * 'update-status-changed' events for the case where target and current
          * channel are the same.
          */
         test('ButtonsUpdate_SameChannel', function() {
           var relaunch = page.$.relaunch;
           var checkForUpdates = page.$.checkForUpdates;
           var relaunchAndPowerwash = page.$.relaunchAndPowerwash;
@@ skipping 375 matching lines @@
     registerTests: function() {
       if (cr.isChromeOS) {
         registerDetailedBuildInfoTests();
         registerChannelSwitcherDialogTests();
       }
       registerAboutPageTests();
     },
     registerOfficialBuildTests: registerOfficialBuildTests,
   };
 });