test(3615): add new e2e test for initial dapp connection and non permitted flow

app/components/UI/PermissionsSummary/PermissionsSummary.tsx

@@ -47,6 +47,7 @@ import { selectProviderConfig } from '../../../selectors/networkController';
 import { useNetworkInfo } from '../../../selectors/selectedNetworkController';
 import { ConnectedAccountsSelectorsIDs } from '../../../../e2e/selectors/Browser/ConnectedAccountModal.selectors';
 import { PermissionSummaryBottomSheetSelectorsIDs } from '../../../../e2e/selectors/Browser/PermissionSummaryBottomSheet.selectors';
+import { NetworkNonPemittedBottomSheetSelectorsIDs } from '../../../../e2e/selectors/Network/NetworkNonPemittedBottomSheet.selectors';
 
 const PermissionsSummary = ({
   currentPageInformation,
@@ -272,7 +273,10 @@ const PermissionsSummary = ({
   function renderAccountPermissionsRequestInfoCard() {
     return (
       <TouchableOpacity onPress={handleEditAccountsButtonPress}>
-        <View style={styles.accountPermissionRequestInfoCard} testID={PermissionSummaryBottomSheetSelectorsIDs.CONTAINER}>
+        <View
+          style={styles.accountPermissionRequestInfoCard}
+          testID={PermissionSummaryBottomSheetSelectorsIDs.CONTAINER}
+        >
           <Avatar
             variant={AvatarVariant.Icon}
             style={styles.walletIcon}
@@ -408,7 +412,12 @@ const PermissionsSummary = ({
       <View style={styles.mainContainer}>
         <View>
           {renderHeader()}
-          <View style={styles.title} testID={PermissionSummaryBottomSheetSelectorsIDs.NETWORK_PERMISSIONS_CONTAINER}>
+          <View
+            style={styles.title}
+            testID={
+              PermissionSummaryBottomSheetSelectorsIDs.NETWORK_PERMISSIONS_CONTAINER
+            }
+          >
             <TextComponent variant={TextVariant.HeadingSM}>
               {isNonDappNetworkSwitch
                 ? strings('permissions.title_add_network_permission')
@@ -482,6 +491,9 @@ const PermissionsSummary = ({
                 <Button
                   variant={ButtonVariants.Primary}
                   label={strings('permissions.add_this_network')}
+                  testID={
+                    NetworkNonPemittedBottomSheetSelectorsIDs.ADD_THIS_NETWORK_BUTTON
+                  }
                   onPress={onAddNetwork}
                   size={ButtonSize.Lg}
                   style={{

e2e/pages/Network/NetworkNonPemittedBottomSheet.js

@@ -0,0 +1,30 @@
+import {
+  NetworkListModalSelectorsIDs,
+  NetworkListModalSelectorsText,
+} from '../../selectors/Network/NetworkListModal.selectors';
+import Matchers from '../../utils/Matchers';
+import Gestures from '../../utils/Gestures';
+import {
+  NetworkNonPemittedBottomSheetSelectorsIDs,
+  NetworkNonPemittedBottomSheetSelectorsText,
+} from '../../selectors/Network/NetworkNonPemittedBottomSheet.selectors';
+
+class NetworkNonPemittedBottomSheet {
+  get addThisNetworkTitle() {
+    return Matchers.getElementByText(
+      NetworkNonPemittedBottomSheetSelectorsText.ADD_THIS_NETWORK_TITLE,
+    );
+  }
+
+  get addThisNetworkButton() {
+    return Matchers.getElementByID(
+      NetworkNonPemittedBottomSheetSelectorsIDs.ADD_THIS_NETWORK_BUTTON,
+    );
+  }
+
+  async tapAddThisNetworkButton() {
+    await Gestures.waitAndTap(this.addThisNetworkButton);
+  }
+}
+
+export default new NetworkNonPemittedBottomSheet();

e2e/selectors/Network/NetworkNonPemittedBottomSheet.selectors.js

@@ -0,0 +1,9 @@
+import enContent from '../../../locales/languages/en.json';
+
+export const NetworkNonPemittedBottomSheetSelectorsText = {
+  ADD_THIS_NETWORK_TITLE: enContent.permissions.title_add_network_permission,
+};
+
+export const NetworkNonPemittedBottomSheetSelectorsIDs = {
+  ADD_THIS_NETWORK_BUTTON: 'add-this-network-button',
+};

e2e/specs/multichain/permission-system-connect-to-non-permitted-chain.spec.js

@@ -0,0 +1,87 @@
+import { Regression } from '../../tags';
+import { loginToApp } from '../../viewHelper';
+import WalletView from '../../pages/wallet/WalletView';
+import NetworkListModal from '../../pages/Network/NetworkListModal';
+import NetworkEducationModal from '../../pages/Network/NetworkEducationModal';
+import Assertions from '../../utils/Assertions';
+import TestHelpers from '../../helpers';
+import FixtureBuilder from '../../fixtures/fixture-builder';
+import { stopFixtureServer, withFixtures } from '../../fixtures/fixture-helper';
+import FixtureServer from '../../fixtures/fixture-server';
+import { CustomNetworks } from '../../resources/networks.e2e';
+import Browser from '../../pages/Browser/BrowserView';
+import TabBarComponent from '../../pages/TabBarComponent';
+import NetworkNonPemittedBottomSheet from '../../pages/Network/NetworkNonPemittedBottomSheet';
+
+const fixtureServer = new FixtureServer();
+const ETHEREUM = 'Ethereum Main Network';
+
+describe(Regression('Connect to a Test Network'), () => {
+  beforeAll(async () => {
+    await TestHelpers.reverseServerPort();
+  });
+
+  beforeEach(() => {
+    jest.setTimeout(150000);
+  });
+
+  afterAll(async () => {
+    await stopFixtureServer(fixtureServer);
+  });
+
+  it('should switch to test Network then dismiss the network education modal', async () => {
+    await withFixtures(
+      {
+        dapp: true,
+        fixture: new FixtureBuilder()
+          .withPermissionControllerConnectedToTestDapp()
+          .withChainPermission()
+          .build(),
+        restartDevice: true,
+      },
+      async () => {
+        await loginToApp();
+        await TabBarComponent.tapBrowser();
+        await Assertions.checkIfVisible(Browser.browserScreenID);
+        // TODO 1: connect to test dapp
+        await Browser.navigateToTestDApp();
+
+        await TabBarComponent.tapWallet();
+        await Assertions.checkIfVisible(WalletView.container);
+        await WalletView.tapNetworksButtonOnNavBar();
+        await NetworkListModal.scrollToBottomOfNetworkList();
+        await Assertions.checkIfVisible(NetworkListModal.networkScroll);
+        await Assertions.checkIfToggleIsOn(NetworkListModal.testNetToggle);
+        await NetworkListModal.changeNetworkTo(
+          CustomNetworks.Sepolia.providerConfig.nickname,
+        );
+        await Assertions.checkIfVisible(NetworkEducationModal.container);
+        await Assertions.checkIfElementToHaveText(
+          NetworkEducationModal.networkName,
+          CustomNetworks.Sepolia.providerConfig.nickname,
+        );
+        await NetworkEducationModal.tapGotItButton();
+        await Assertions.checkIfNotVisible(NetworkEducationModal.container);
+        await Assertions.checkIfVisible(WalletView.container);
+
+        const networkPicker = await WalletView.getNavbarNetworkPicker();
+        await Assertions.checkIfElementHasLabel(
+          networkPicker,
+          CustomNetworks.Sepolia.providerConfig.nickname,
+        );
+
+        await TabBarComponent.tapBrowser();
+        // await Assertions.checkIfVisible(Browser.browserScreenID);
+
+        await Assertions.checkIfVisible(
+          NetworkNonPemittedBottomSheet.addThisNetworkTitle,
+        );
+
+        await NetworkNonPemittedBottomSheet.tapAddThisNetworkButton();
+        // two steps that might come in handy
+        // await Assertions.checkIfVisible(WalletView.container);
+        // const networkPicker = await WalletView.getNavbarNetworkPicker();
+      },
+    );
+  });
+});

e2e/specs/multichain/permission-system-initial-permissions-grant-one-account-and-one-chain.spec.js

@@ -0,0 +1,42 @@
+'use strict';
+import TestHelpers from '../../helpers';
+import { SmokeCore } from '../../tags';
+import Browser from '../../pages/Browser/BrowserView';
+import TabBarComponent from '../../pages/TabBarComponent';
+import NetworkListModal from '../../pages/Network/NetworkListModal';
+import TestDApp from '../../pages/Browser/TestDApp';
+import ConnectedAccountsModal from '../../pages/Browser/ConnectedAccountsModal';
+import FixtureBuilder from '../../fixtures/fixture-builder';
+import { withFixtures } from '../../fixtures/fixture-helper';
+import { loginToApp } from '../../viewHelper';
+import Assertions from '../../utils/Assertions';
+import ConnectBottomSheet from '../../pages/Browser/ConnectBottomSheet';
+
+describe(SmokeCore('MultiChain Permissions System:'), () => {
+  beforeAll(async () => {
+    jest.setTimeout(150000);
+    await TestHelpers.reverseServerPort();
+  });
+
+  it('should grant initial permissions for one account and one chain', async () => {
+    await withFixtures(
+      {
+        dapp: true,
+        fixture: new FixtureBuilder().withPermissionController().build(),
+        restartDevice: true,
+      },
+      async () => {
+        await loginToApp();
+        await TabBarComponent.tapBrowser();
+        await Assertions.checkIfVisible(Browser.browserScreenID);
+
+        await Browser.navigateToTestDApp();
+        await TestDApp.connect();
+        await ConnectBottomSheet.tapConnectButton();
+
+        await Browser.tapNetworkAvatarButtonOnBrowser();
+        await Assertions.checkIfVisible(ConnectedAccountsModal.title);
+      },
+    );
+  });
+});