[CrOS cellular] Add forward and back functionality to psim flow

Bug: 1093185
Change-Id: I47bbd1dc115751de7061ed89bf771a042800a273
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2412554
Commit-Queue: Nnamdi Theodore Johnson-kanu <tjohnsonkanu@google.com>
Reviewed-by: Azeem Arshad <azeemarshad@chromium.org>
Reviewed-by: Kyle Horimoto <khorimoto@chromium.org>
Cr-Commit-Position: refs/heads/master@{#808043}

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

@@ -6,6 +6,7 @@
 // #import 'chrome://os-settings/strings.m.js';
 // #import 'chrome://resources/cr_components/chromeos/cellular_setup/psim_flow_ui.m.js';
 
+// #import {PSimUIState} from 'chrome://resources/cr_components/chromeos/cellular_setup/psim_flow_ui.m.js';
 // #import {flush, Polymer} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
 // #import {assertTrue} from '../../../chai_assert.js';
 // clang-format on
@@ -22,4 +23,13 @@ suite('CrComponentsPsimFlowUiTest', function() {
     const ironPage = pSimPage.$$('iron-pages');
     assertTrue(!!ironPage);
   });
+
+  test('forward navigation test', function() {
+    pSimPage.state_ = cellularSetup.PSimUIState.WAITING_FOR_PORTAL_TO_LOAD;
+    Polymer.dom.flush();
+    pSimPage.navigateForward();
+    assertTrue(
+        pSimPage.state_ ===
+        cellularSetup.PSimUIState.WAITING_FOR_ACTIVATION_TO_FINISH);
+  });
 });

chrome/test/data/webui/namespace_rewrites.gni

@@ -3,6 +3,7 @@
 # found in the LICENSE file.
 
 test_namespace_rewrites = [
+  "cellularSetup.PSimUIState|PSimUIState",
   "global.traceAssertionsForTesting|window.traceAssertionsForTesting",
   "MockInteractions.blur|blur",
   "MockInteractions.downAndUp|downAndUp",

ui/webui/resources/cr_components/chromeos/cellular_setup/psim_flow_ui.js

@@ -4,14 +4,14 @@
 
 cr.define('cellularSetup', function() {
   /** @enum{string} */
-  const PSimPageName = {
+  /* #export */ const PSimPageName = {
     SIM_DETECT: 'sim-detect-page',
     PROVISIONING: 'provisioning-page',
     FINAL: 'final-page',
   };
 
   /** @enum{string} */
-  const PSimUIState = {
+  /* #export */ const PSimUIState = {
     IDLE: 'idle',
     STARTING_ACTIVATION: 'starting-activation',
     WAITING_FOR_ACTIVATION_TO_START: 'waiting-for-activation-to-start',
@@ -184,6 +184,21 @@ cr.define('cellularSetup', function() {
       this.updateButtonBarState_();
     },
 
+    navigateForward() {
+      // Navigate forward is only called by clicking next button
+      // from the provisioning page.
+      assert(this.selectedPSimPageName_ === PSimPageName.PROVISIONING);
+      this.state_ = PSimUIState.WAITING_FOR_ACTIVATION_TO_FINISH;
+    },
+
+    /**
+     * @returns {boolean} true if backward navigation was handled
+     */
+    attemptBackwardNavigation() {
+      // Back navigation for pSIM flow always goes back to selection page
+      return false;
+    },
+
     /** @private */
     updateButtonBarState_() {
       let buttonState;