test(extension): test maintenance 3 Nov (#699)

Author: ljagiela

apps/browser-extension-wallet/src/components/AddressesDiscoveryOverlay/AddressesDiscoveryOverlay.tsx

@@ -43,6 +43,7 @@ export const AddressesDiscoveryOverlay: FC = ({ children }) => {
           visible
           header={t('addressesDiscovery.overlay.title')}
           content={<Loader className={styles.loader} data-testid="hd-discovery-loader" />}
+          dataTestId="address-discovery-warning-modal"
         />
       )}
     </>

apps/browser-extension-wallet/src/features/address-book/components/AddressActionsModal.tsx

@@ -49,6 +49,7 @@ export const AddressActionsModal = ({
       visible={visible}
       width={isPopup ? 'calc(100% - 50px)' : modalWidth}
       zIndex={1000}
+      data-testid="delete-address-modal-container"
     >
       <div data-testid="delete-address-modal-title" className={styles.header}>
         {isDeleteAction

apps/browser-extension-wallet/src/views/browser-view/components/WarningModal/WarningModal.tsx

@@ -14,6 +14,7 @@ interface WarningModalProps {
   cancelLabel?: React.ReactNode;
   confirmLabel?: React.ReactNode;
   confirmCustomClassName?: string;
+  dataTestId?: string;
 }
 
 const modalWidth = 480;
@@ -28,7 +29,8 @@ export const WarningModal = ({
   cancelLabel,
   confirmLabel,
   confirmCustomClassName,
-  isPopupView
+  isPopupView,
+  dataTestId
 }: WarningModalProps): React.ReactElement => {
   const { t: translate } = useTranslation();
 
@@ -45,6 +47,7 @@ export const WarningModal = ({
       footer={null}
       visible={visible}
       width={isPopupView ? '100%' : modalWidth}
+      data-testid={dataTestId}
     >
       <div data-testid="delete-address-modal-title" className={styles.header}>
         {header}

apps/browser-extension-wallet/src/views/browser-view/features/nfts/components/NftFolderConfirmationModal.tsx

@@ -41,6 +41,7 @@ export const NftFolderConfirmationModal = ({
     footer={null}
     visible={visible}
     width={popupView ? popupModalWidth : extendedModalWidth}
+    data-testid="create-folder-modal-container"
   >
     <div data-testid="create-folder-modal-title" className={styles.header}>
       {title}

apps/browser-extension-wallet/src/views/browser-view/features/send-transaction/components/SendWarningModal.tsx

@@ -86,6 +86,7 @@ export const SendWarningModal = ({ isPopupView }: SendWarningModalProps): React.
       onCancel={handleCancel}
       visible={isWarningModalVisible}
       isPopupView={isPopupView}
+      dataTestId="send-warning-modal"
     />
   );
 };

packages/e2e-tests/src/features/SettingsPageExtended.feature

@@ -135,7 +135,7 @@ Feature: General Settings - Extended Browser View
   @LW-5259 @Mainnet @Testnet
   Scenario: Extended View - Settings - Toast displayed after switching network
     Given I am on Settings extended page
-    When I switch network to: "Preview" in extended mode
+    When I switch network to: "Preview" without closing drawer
     Then I see a toast with message: "browserView.settings.wallet.network.networkSwitched"
 
   @LW-2718 @Testnet

packages/e2e-tests/src/features/SettingsPagePopup.feature

@@ -162,7 +162,7 @@ Feature: General Settings - Popup View
   @LW-5262 @Mainnet @Testnet
   Scenario: Popup View - Settings - Toast displayed after switching network
     When I open settings from header menu
-    When I switch network to: "Preview" in popup mode
+    When I switch network to: "Preview" without closing drawer
     Then I see a toast with message: "browserView.settings.wallet.network.networkSwitched"
 
   @LW-2719 @Testnet

packages/e2e-tests/src/pageobject/onboardingPageObject.ts

@@ -15,6 +15,7 @@ import { getTestWallet, TestWalletName } from '../support/walletConfiguration';
 import OnboardingAllDonePage from '../elements/onboarding/allDonePage';
 import testContext from '../utils/testContext';
 import { clearInputFieldValue } from '../utils/inputFieldUtils';
+import WalletCreationPage from '../elements/onboarding/WalletCreationPage';
 
 const validPassword = 'N_8J@bne87A';
 
@@ -279,6 +280,12 @@ class OnboardingPageObject {
     await Modal.cancelButton.waitForClickable();
     await Modal.cancelButton.click();
   }
+
+  async waitUntilLoaderDisappears() {
+    if (await WalletCreationPage.walletLoader.isDisplayed()) {
+      await WalletCreationPage.walletLoader.waitForDisplayed({ timeout: 15_000, reverse: true });
+    }
+  }
 }
 
 export default new OnboardingPageObject();

packages/e2e-tests/src/pageobject/settingsExtendedPageObject.ts

@@ -6,6 +6,9 @@ import simpleTxSideDrawerPageObject from './simpleTxSideDrawerPageObject';
 import localStorageManager from '../utils/localStorageManager';
 import Modal from '../elements/modal';
 import { browser } from '@wdio/globals';
+import ToastMessage from '../elements/toastMessage';
+import { t } from '../utils/translationService';
+import { Logger } from '../support/logger';
 
 class SettingsExtendedPageObject {
   clickOnAbout = async () => {
@@ -103,13 +106,17 @@ class SettingsExtendedPageObject {
     }
   };
 
-  switchNetwork = async (network: 'Mainnet' | 'Preprod' | 'Preview', mode: 'extended' | 'popup') => {
+  switchNetworkWithoutClosingDrawer = async (network: 'Mainnet' | 'Preprod' | 'Preview') => {
     await menuHeaderPageObject.openSettings();
     await this.clickOnNetwork();
     await this.clickOnNetworkRadioButton(network);
     await browser.waitUntil(
       async () => JSON.parse(await localStorageManager.getItem('appSettings')).chainName === network
     );
+  };
+
+  switchNetworkAndCloseDrawer = async (network: 'Mainnet' | 'Preprod' | 'Preview', mode: 'extended' | 'popup') => {
+    await this.switchNetworkWithoutClosingDrawer(network);
     await (mode === 'extended'
       ? simpleTxSideDrawerPageObject.clickCloseDrawerButton()
       : simpleTxSideDrawerPageObject.clickBackDrawerButton());
@@ -127,6 +134,25 @@ class SettingsExtendedPageObject {
       await SettingsPage.themeSwitch.click();
     }
   };
+  closeWalletSyncedToast = async () => {
+    if (await ToastMessage.container.isDisplayed()) {
+      const toastMessage = await (await ToastMessage.messageText).getText();
+      if (toastMessage === (await t('addressesDiscovery.toast.successText')).toString()) {
+        await ToastMessage.clickCloseButton();
+      } else {
+        Logger.warn('Wallet synced toast is not displayed, you might want to remove this step');
+      }
+    }
+  };
+
+  waitUntilSyncingModalDisappears = async () => {
+    if (
+      (await Modal.container.isDisplayed()) &&
+      (await Modal.title.getText()) === (await t('addressesDiscovery.overlay.title'))
+    ) {
+      await Modal.title.waitForDisplayed({ reverse: true, timeout: 15_000 });
+    }
+  };
 }
 
 export default new SettingsExtendedPageObject();

packages/e2e-tests/src/steps/commonSteps.ts

@@ -24,13 +24,14 @@ import tokensPageObject from '../pageobject/tokensPageObject';
 import menuMainAssert from '../assert/menuMainAssert';
 import LocalStorageAssert from '../assert/localStorageAssert';
 import ToastMessageAssert from '../assert/toastMessageAssert';
-import ToastMessage from '../elements/toastMessage';
 import menuMainExtended from '../elements/menuMainExtended';
 import { browser } from '@wdio/globals';
 import faqPageAssert from '../assert/faqPageAssert';
 import { visit } from '../utils/pageUtils';
 import CommonDrawerElements from '../elements/CommonDrawerElements';
 import DAppConnectorPageObject from '../pageobject/dAppConnectorPageObject';
+import settingsExtendedPageObject from '../pageobject/settingsExtendedPageObject';
+import onboardingPageObject from '../pageobject/onboardingPageObject';
 
 Given(/^Lace is ready for test$/, async () => {
   await tokensPageObject.waitUntilCardanoTokenLoaded();
@@ -53,15 +54,13 @@ Then(/^I close the drawer by clicking back button$/, async () => {
 });
 
 Then(/^I close wallet synced toast/, async () => {
-  const toastMessage = await (await ToastMessage.messageText).getText();
-  if (toastMessage === (await t('addressesDiscovery.toast.successText')).toString()) {
-    await ToastMessage.closeButton.click();
-  } else {
-    Logger.warn('Wallet synced toast is not displayed, you might want to remove this step');
-  }
+  await settingsExtendedPageObject.closeWalletSyncedToast();
 });
 
 Then(/^Wallet is synced$/, async () => {
+  await onboardingPageObject.waitUntilLoaderDisappears();
+  await settingsExtendedPageObject.waitUntilSyncingModalDisappears();
+  await settingsExtendedPageObject.closeWalletSyncedToast();
   await topNavigationAssert.assertWalletIsInSyncedStatus();
 });