chrome/test/data/webui/cr_components/chromeos/cellular_setup/esim_flow_ui_test.js

// Copyright 2020 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.

// clang-format off
// #import 'chrome://os-settings/strings.m.js';
// #import 'chrome://resources/cr_components/chromeos/cellular_setup/esim_flow_ui.m.js';

// #import {flush, Polymer} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
// #import {setESimManagerRemoteForTesting} from 'chrome://resources/cr_components/chromeos/cellular_setup/mojo_interface_provider.m.js';
// #import {ButtonState} from 'chrome://resources/cr_components/chromeos/cellular_setup/cellular_types.m.js';
// #import {ESimPageName} from 'chrome://resources/cr_components/chromeos/cellular_setup/esim_flow_ui.m.js';
// #import {assertTrue} from '../../../chai_assert.js';
// #import {FakeESimManagerRemote} from './fake_esim_manager_remote.m.js';
// #import {FakeCellularSetupDelegate} from './fake_cellular_setup_delegate.m.js';
// clang-format on

suite('CrComponentsEsimFlowUiTest', function() {
  let eSimPage;
  let eSimManagerRemote;

  async function flushAsync() {
    Polymer.dom.flush();
    // Use setTimeout to wait for the next macrotask.
    return new Promise(resolve => setTimeout(resolve));
  }

  setup(function() {
    eSimManagerRemote = new cellular_setup.FakeESimManagerRemote();
    cellular_setup.setESimManagerRemoteForTesting(eSimManagerRemote);

    eSimPage = document.createElement('esim-flow-ui');
    eSimPage.delegate = new cellular_setup.FakeCellularSetupDelegate();
    eSimPage.initSubflow();
    document.body.appendChild(eSimPage);
    Polymer.dom.flush();
  });

  test('No eSIM profile flow', async function() {
    eSimManagerRemote.addEuiccForTest(0);

    const profileLoadingPage = eSimPage.$$('#profileLoadingPage');
    const activationCodePage = eSimPage.$$('#activationCodePage');
    const finalPage = eSimPage.$$('#finalPage');

    assertTrue(!!profileLoadingPage);
    assertTrue(!!activationCodePage);
    assertTrue(!!finalPage);

    // Loading page should be showing.
    assertTrue(
        eSimPage.selectedESimPageName_ ===
            cellular_setup.ESimPageName.PROFILE_LOADING &&
        eSimPage.selectedESimPageName_ === profileLoadingPage.id);

    await flushAsync();

    // Should now be at the activation code page.
    assertTrue(
        eSimPage.selectedESimPageName_ ===
            cellular_setup.ESimPageName.ACTIVATION_CODE &&
        eSimPage.selectedESimPageName_ === activationCodePage.id);
    // Insert an activation code.
    activationCodePage.$$('#activationCode').value = 'ACTIVATION_CODE';

    // Next button should now be enabled.
    assertTrue(
        eSimPage.buttonState.next ===
        cellularSetup.ButtonState.SHOWN_AND_ENABLED);

    eSimPage.navigateForward();
    Polymer.dom.flush();

    // Should now be at the final page.
    assertTrue(
        eSimPage.selectedESimPageName_ === cellular_setup.ESimPageName.FINAL &&
        eSimPage.selectedESimPageName_ === finalPage.id);
  });

  test('Single eSIM profile flow', async function() {
    eSimManagerRemote.addEuiccForTest(1);

    const profileLoadingPage = eSimPage.$$('#profileLoadingPage');
    const finalPage = eSimPage.$$('#finalPage');

    assertTrue(!!profileLoadingPage);
    assertTrue(!!finalPage);

    // Loading page should be showing.
    assertTrue(
        eSimPage.selectedESimPageName_ ===
            cellular_setup.ESimPageName.PROFILE_LOADING &&
        eSimPage.selectedESimPageName_ === profileLoadingPage.id);

    await flushAsync();

    // Should go directly to final page.
    assertTrue(
        eSimPage.selectedESimPageName_ === cellular_setup.ESimPageName.FINAL &&
        eSimPage.selectedESimPageName_ === finalPage.id);
  });

  test('Multiple eSIM profiles skip discovery flow', async function() {
    eSimManagerRemote.addEuiccForTest(2);

    const profileLoadingPage = eSimPage.$$('#profileLoadingPage');
    const profileDiscoveryPage = eSimPage.$$('#profileDiscoveryPage');
    const activationCodePage = eSimPage.$$('#activationCodePage');
    const finalPage = eSimPage.$$('#finalPage');

    assertTrue(!!profileLoadingPage);
    assertTrue(!!profileDiscoveryPage);
    assertTrue(!!activationCodePage);
    assertTrue(!!finalPage);

    // Loading page should be showing.
    assertTrue(
        eSimPage.selectedESimPageName_ ===
            cellular_setup.ESimPageName.PROFILE_LOADING &&
        eSimPage.selectedESimPageName_ === profileLoadingPage.id);

    await flushAsync();

    // Should go to profile discovery page.
    assertTrue(
        eSimPage.selectedESimPageName_ ===
            cellular_setup.ESimPageName.PROFILE_DISCOVERY &&
        eSimPage.selectedESimPageName_ === profileDiscoveryPage.id);

    // Simulate pressing 'Skip'.
    assertTrue(
        eSimPage.buttonState.skipDiscovery ===
        cellularSetup.ButtonState.SHOWN_AND_ENABLED);
    eSimPage.navigateForward();
    Polymer.dom.flush();

    // Should now be at the activation code page.
    assertTrue(
        eSimPage.selectedESimPageName_ ===
            cellular_setup.ESimPageName.ACTIVATION_CODE &&
        eSimPage.selectedESimPageName_ === activationCodePage.id);

    // Insert an activation code.
    activationCodePage.$$('#activationCode').value = 'ACTIVATION_CODE';

    // Simulate pressing 'Next'.
    assertTrue(
        eSimPage.buttonState.next ===
        cellularSetup.ButtonState.SHOWN_AND_ENABLED);
    eSimPage.navigateForward();
    Polymer.dom.flush();

    // Should now be at the final page.
    assertTrue(
        eSimPage.selectedESimPageName_ === cellular_setup.ESimPageName.FINAL &&
        eSimPage.selectedESimPageName_ === finalPage.id);
  });

  test('Multiple eSIM profiles select flow', async function() {
    eSimManagerRemote.addEuiccForTest(2);

    const profileLoadingPage = eSimPage.$$('#profileLoadingPage');
    const profileDiscoveryPage = eSimPage.$$('#profileDiscoveryPage');
    const activationCodePage = eSimPage.$$('#activationCodePage');
    const finalPage = eSimPage.$$('#finalPage');

    assertTrue(!!profileLoadingPage);
    assertTrue(!!profileDiscoveryPage);
    assertTrue(!!activationCodePage);
    assertTrue(!!finalPage);

    // Loading page should be showing.
    assertTrue(
        eSimPage.selectedESimPageName_ ===
            cellular_setup.ESimPageName.PROFILE_LOADING &&
        eSimPage.selectedESimPageName_ === profileLoadingPage.id);

    await flushAsync();

    // Should go to profile discovery page.
    assertTrue(
        eSimPage.selectedESimPageName_ ===
            cellular_setup.ESimPageName.PROFILE_DISCOVERY &&
        eSimPage.selectedESimPageName_ === profileDiscoveryPage.id);

    // Select the first profile on the list.
    const profileList = profileDiscoveryPage.$$('#profileList');
    profileList.selectItem(profileList.items[0]);
    Polymer.dom.flush();

    // The 'Done' button should now be enabled.
    assertTrue(
        eSimPage.buttonState.done ===
        cellularSetup.ButtonState.SHOWN_AND_ENABLED);
    assertTrue(
        eSimPage.buttonState.skipDiscovery ===
        cellularSetup.ButtonState.HIDDEN);
  });
});