chrome/test/data/webui/welcome/nux_ntp_background_test.js

// Copyright 2019 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('onboarding_ntp_background_test', function() {
  suite('NuxNtpBackgroundTest', function() {
    /** @type {!Array<!nux.NtpBackgroundData} */
    let backgrounds = [
      {
        id: 0,
        title: 'Cat',
        imageUrl: 'some/cute/photo/of/a/cat',
      },
      {
        id: 1,
        title: 'Venice',
        imageUrl: 'some/scenic/photo/of/a/beach',
      },
    ];

    /** @type {NuxNtpBackgroundElement} */
    let testElement;

    /** @type {nux.NtpBackgroundProxy} */
    let testNtpBackgroundProxy;

    setup(function() {
      loadTimeData.overrideValues({
        ntpBackgroundDefault: 'Default',
      });

      testNtpBackgroundProxy = new TestNtpBackgroundProxy();
      nux.NtpBackgroundProxyImpl.instance_ = testNtpBackgroundProxy;
      testNtpBackgroundProxy.setBackgroundsList(backgrounds);

      PolymerTest.clearBody();
      testElement = document.createElement('nux-ntp-background');
      document.body.appendChild(testElement);

      testElement.onRouteEnter();
      return Promise.all([
        testNtpBackgroundProxy.whenCalled('getBackgrounds'),
      ]);
    });

    teardown(function() {
      testElement.remove();
    });

    test('test displaying default and custom background', function() {
      const options = testElement.shadowRoot.querySelectorAll(
          '.ntp-background-grid-button');
      assertEquals(3, options.length);

      // the first option should be the 'Default' option
      assertEquals(
          options[0].querySelector('.ntp-background-title').innerText,
          'Default');

      for (let i = 0; i < backgrounds.length; i++) {
        assertEquals(
            options[i + 1].querySelector('.ntp-background-title').innerText,
            backgrounds[i].title);
      }
    });

    test('test activating a background', function() {
      const options = testElement.shadowRoot.querySelectorAll(
          '.ntp-background-grid-button');

      options[1].click();
      assertFalse(options[0].hasAttribute('active'));
      assertEquals(options[0].getAttribute('aria-pressed'), 'false');
      assertTrue(options[1].hasAttribute('active'));
      assertEquals(options[1].getAttribute('aria-pressed'), 'true');
      assertFalse(options[2].hasAttribute('active'));
      assertEquals(options[2].getAttribute('aria-pressed'), 'false');
    });
  });
});