test: detox speculos verify address test

apps/ledger-live-desktop/tests/page/speculos.page.ts

@@ -3,9 +3,9 @@ import { step } from "tests/misc/reporters/step";
 import {
   pressBoth,
   pressUntilTextFound,
-  waitFor,
   containsSubstringInEvent,
   activateLedgerSync,
+  expectValidAddressDevice,
 } from "@ledgerhq/live-common/e2e/speculos";
 import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
 import { expect } from "@playwright/test";
@@ -29,26 +29,7 @@ import { delegateSolana, sendSolana } from "tests/families/solana";
 export class SpeculosPage extends AppPage {
   @step("Verify receive address correctness on device")
   async expectValidAddressDevice(account: Account, addressDisplayed: string) {
-    let deviceLabels: string[];
-
-    switch (account.currency) {
-      case Currency.SOL:
-        deviceLabels = [DeviceLabels.PUBKEY, DeviceLabels.APPROVE, DeviceLabels.REJECT];
-        break;
-      case Currency.DOT:
-      case Currency.ATOM:
-        deviceLabels = [DeviceLabels.ADDRESS, DeviceLabels.CAPS_APPROVE, DeviceLabels.CAPS_REJECT];
-        break;
-      default:
-        deviceLabels = [DeviceLabels.ADDRESS, DeviceLabels.APPROVE, DeviceLabels.REJECT];
-        break;
-    }
-
-    await waitFor(deviceLabels[0]);
-    const events = await pressUntilTextFound(deviceLabels[1]);
-    const isAddressCorrect = containsSubstringInEvent(addressDisplayed, events);
-    expect(isAddressCorrect).toBeTruthy();
-    await pressBoth();
+    await expectValidAddressDevice(account, addressDisplayed);
   }
 
   @step("Activate Ledger Sync")

apps/ledger-live-mobile/e2e/page/accounts/account.page.ts

@@ -12,6 +12,7 @@ export default class AccountPage {
   operationHistorySectionId = (accountId: string) => `operations-history-${accountId}`;
   accountScreenScrollView = "account-screen-scrollView";
   accountAdvancedLogsId = "account-advanced-logs";
+  receiveButton = () => getElementById("account-quick-action-button-Receive");
 
   @Step("Open account settings")
   async openAccountSettings() {
@@ -54,4 +55,9 @@ export default class AccountPage {
     const advancedLogsJson = advancedLogsText ? JSON.parse(advancedLogsText) : null;
     jestExpect(advancedLogsJson).toHaveProperty("index", indexNumber);
   }
+
+  @Step("Tap on receive button")
+  async tapReceive() {
+    await tapByElement(this.receiveButton());
+  }
 }

apps/ledger-live-mobile/e2e/page/index.ts

@@ -22,6 +22,7 @@ import ReceivePage from "./trade/receive.page";
 import SendPage from "./trade/send.page";
 import SettingsGeneralPage from "./settings/settingsGeneral.page";
 import SettingsPage from "./settings/settings.page";
+import SpeculosPage from "./speculos.page";
 import StakePage from "./trade/stake.page";
 import SwapPage from "./trade/swap.page";
 import TransfertMenuDrawer from "./wallet/transferMenu.drawer";
@@ -75,6 +76,7 @@ export class Application {
   public send = new SendPage();
   public settings = new SettingsPage();
   public settingsGeneral = new SettingsGeneralPage();
+  public speculos = new SpeculosPage();
   public stake = new StakePage();
   public swap = new SwapPage();
   public transfertMenu = new TransfertMenuDrawer();

apps/ledger-live-mobile/e2e/page/speculos.page.ts

@@ -0,0 +1,9 @@
+import { expectValidAddressDevice } from "@ledgerhq/live-common/e2e/speculos";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+export default class PasswordEntryPage {
+  @Step("Verify receive address correctness on device")
+  async expectValidAddressDevice(account: Account, addressDisplayed: string) {
+    await expectValidAddressDevice(account, addressDisplayed);
+  }
+}

apps/ledger-live-mobile/e2e/page/trade/receive.page.ts

@@ -36,6 +36,10 @@ export default class ReceivePage {
   step2Accounts = () => getElementById("receive-header-step2-accounts");
   step2Networks = () => getElementById("receive-header-step2-networks");
 
+  tronNewAddressWarning = () => getElementById("tron-receive-newAddress-warning");
+  tronNewAddressWarningText =
+    "You first need to send at least 0.1 TRX to this address to activate it.";
+
   async openViaDeeplink() {
     await openDeeplink(baseLink);
   }
@@ -98,6 +102,11 @@ export default class ReceivePage {
     jestExpect(await getTextOfElement(this.accountAddress)).toEqual(address);
   }
 
+  async getFreshAddressDisplayed() {
+    await waitForElementById(this.accountFreshAddress);
+    return await getTextOfElement(this.accountFreshAddress);
+  }
+
   async expectNumberOfAccountInListIsDisplayed(currencyName: string, accountNumber: number) {
     //set "account" in plural or not in fonction of number account
     const accountCount: string = accountNumber + " account" + (accountNumber > 1 ? "s" : "");
@@ -150,6 +159,15 @@ export default class ReceivePage {
     await expect(getElementById(accountNameId)).toBeVisible();
   }
 
+  async expectAdressIsCorrect(address: string) {
+    await expect(getElementById(this.accountAddress)).toHaveText(address);
+  }
+
+  async expectTronNewAddressWarning() {
+    await expect(this.tronNewAddressWarning()).toBeVisible();
+    await expect(this.tronNewAddressWarning()).toHaveText(this.tronNewAddressWarningText);
+  }
+
   async doNotVerifyAddress() {
     await this.selectDontVerifyAddress();
     await this.selectReconfirmDontVerify();

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddress.ts

@@ -0,0 +1,42 @@
+import { CLI } from "../../../utils/cliUtils";
+import { Application } from "../../../page";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+export async function runVerifyAddressTest(account: Account, tmsLink: string) {
+  const app = new Application();
+
+  describe(`Verify Address - ${account.currency.name}`, () => {
+    beforeAll(async () => {
+      await app.init({
+        speculosApp: account.currency.speculosApp,
+        cliCommands: [
+          () => {
+            return CLI.liveData({
+              currency: account.currency.currencyId,
+              index: account.index,
+              appjson: app.userdataPath,
+              add: true,
+            });
+          },
+        ],
+      });
+      await app.portfolio.waitForPortfolioPageToLoad();
+    });
+
+    $TmsLink(tmsLink);
+    it(`Verify adress on ${account.currency.name}`, async () => {
+      await app.accounts.openViaDeeplink();
+      await app.common.goToAccountByName(account.accountName);
+      await app.account.tapReceive();
+      await app.receive.selectVerifyAddress();
+      const displayedAddress = await app.receive.getFreshAddressDisplayed();
+      await app.speculos.expectValidAddressDevice(account, displayedAddress);
+      await app.receive.expectReceivePageIsDisplayed(account.currency.ticker, account.accountName);
+      await app.receive.expectAdressIsCorrect(displayedAddress);
+    });
+
+    afterAll(async () => {
+      await app?.common.removeSpeculos();
+    });
+  });
+}

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressATOM.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.ATOM_1, "B2CQA-2560, B2CQA-2694");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressBCH.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.BCH_1, "B2CQA-2558, B2CQA-2693");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressBSC.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.BSC_1, "B2CQA-2686, B2CQA-2696");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressBTC.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.BTC_NATIVE_SEGWIT_1, "B2CQA-2559, B2CQA-2687");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressDOT.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.DOT_1, "B2CQA-2562, B2CQA-2691");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressETH.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.ETH_1, "B2CQA-2561, B2CQA-2688");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressSOL.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.SOL_1, "B2CQA-2563, B2CQA-2689");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressTRX.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.TRX_1, "B2CQA-2565, B2CQA-2690");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressXRP.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.XRP_1, "B2CQA-2566, B2CQA-2692");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyAddressXTZ.spec.ts

@@ -0,0 +1,4 @@
+import { runVerifyAddressTest } from "./verifyAddress";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+runVerifyAddressTest(Account.XTZ_1, "B2CQA-2564, B2CQA-2695");

apps/ledger-live-mobile/e2e/specs/speculos/verifyAddress/verifyEmptyAddressTRX.spec.ts

@@ -0,0 +1,37 @@
+import { CLI } from "../../../utils/cliUtils";
+import { Application } from "../../../page";
+import { Account } from "@ledgerhq/live-common/e2e/enum/Account";
+
+const app = new Application();
+const account = Account.TRX_3;
+
+describe(`Verify Address - ${account.currency.name}`, () => {
+  beforeAll(async () => {
+    await app.init({
+      speculosApp: account.currency.speculosApp,
+      cliCommands: [
+        () => {
+          return CLI.liveData({
+            currency: account.currency.currencyId,
+            index: account.index,
+            appjson: app.userdataPath,
+            add: true,
+          });
+        },
+      ],
+    });
+    await app.portfolio.waitForPortfolioPageToLoad();
+  });
+
+  $TmsLink("B2CQA-1551");
+  it(`Verify adress on ${account.currency.name}`, async () => {
+    await app.accounts.openViaDeeplink();
+    await app.common.goToAccountByName(account.accountName);
+    await app.account.tapReceive();
+    await app.receive.doNotVerifyAddress();
+  });
+
+  afterAll(async () => {
+    await app?.common.removeSpeculos();
+  });
+});

apps/ledger-live-mobile/src/components/Alert.tsx

@@ -33,6 +33,7 @@ type Props = {
   learnMoreUrl?: string;
   learnMoreIsInternal?: boolean;
   learnMoreIcon?: IconType;
+  testID?: string;
 };
 
 const alertPropsByType: Record<
@@ -139,6 +140,7 @@ export default function Alert(props: Props) {
     learnMoreIsInternal = false,
     learnMoreIcon,
     learnMoreTransValues,
+    testID,
   } = props;
 
   const dismissedBanners = useSelector(dismissedBannersSelector);
@@ -164,7 +166,7 @@ export default function Alert(props: Props) {
 
   return !isDismissed ? (
     <BaseAlert {...alertProps}>
-      <Container>
+      <Container testID={testID}>
         {title && <BaseAlert.BodyText>{title}</BaseAlert.BodyText>}
         {description && (
           <BaseAlert.BodyText mt={title ? 2 : undefined} mb={hasLearnMore ? 2 : undefined}>

apps/ledger-live-mobile/src/components/FabActions/actionsList/account/index.tsx

@@ -34,13 +34,15 @@ export const FabAccountMainActionsComponent: React.FC<FabAccountActionsProps> =
               numColumns={2}
               id="two_columns"
               key="two_columns"
+              testID="account-quick-action-button"
             />
           ) : (
             <QuickActionList
               data={quickActions}
               numColumns={3}
               id="three_columns"
               key="three_columns"
+              testID="account-quick-action-button"
             />
           )}
         </>

apps/ledger-live-mobile/src/components/FabActions/actionsList/asset/index.tsx

@@ -29,13 +29,15 @@ const FabAssetActionsComponent: React.FC<Props> = ({ currency, accounts, default
               numColumns={2}
               id="asset_two_columns"
               key="asset_two_columns"
+              testID="asset-quick-action-button"
             />
           ) : (
             <QuickActionList
               data={quickActions}
               numColumns={3}
               id="asset_three_columns"
               key="asset_three_columns"
+              testID="asset-quick-action-button"
             />
           )}
         </>

apps/ledger-live-mobile/src/components/MarketQuickActions/index.tsx

@@ -44,6 +44,7 @@ export const MarketQuickActions = (quickActionsProps: Required<QuickActionProps>
         key={quickActionsData.length}
         numColumns={quickActionsData.length}
         id="asset_five_columns"
+        testID="market-quick-action-button"
       />
     </Flex>
   );

apps/ledger-live-mobile/src/families/tron/ReceiveConfirmationPostAlert.tsx

@@ -12,7 +12,11 @@ export default function ReceiveConfirmationPostAlert({ mainAccount }: Props) {
   return (
     <>
       {mainAccount.operationsCount === 0 ? (
-        <Alert type="warning" learnMoreUrl={urls.errors.TronSendTrc20ToNewAccountForbidden}>
+        <Alert
+          type="warning"
+          learnMoreUrl={urls.errors.TronSendTrc20ToNewAccountForbidden}
+          testID="tron-receive-newAddress-warning"
+        >
           <Trans i18nKey="tron.receive.newAddressTRC20" />
         </Alert>
       ) : null}

apps/ledger-live-mobile/src/screens/Portfolio/PortfolioQuickActionsBar.tsx

@@ -70,7 +70,14 @@ function PortfolioQuickActionsBar() {
     },
   ].filter(<T extends QuickActionButtonProps>(v: T | undefined): v is T => !!v);
 
-  return <QuickActionList data={quickActionsData} numColumns={5} id="asset_five_columns" />;
+  return (
+    <QuickActionList
+      data={quickActionsData}
+      numColumns={5}
+      id="asset_five_columns"
+      testID="portoflio-quick-action-button"
+    />
+  );
 }
 
 export default PortfolioQuickActionsBar;

libs/ledger-live-common/src/e2e/speculos.ts

@@ -15,6 +15,8 @@ import axios from "axios";
 import { getEnv } from "@ledgerhq/live-env";
 import { getCryptoCurrencyById } from "../currencies";
 import { DeviceLabels } from "../e2e/enum/DeviceLabels";
+import { Account } from "./enum/Account";
+import { Currency } from "./enum/Currency";
 
 export type Spec = {
   currency?: CryptoCurrency;
@@ -440,3 +442,26 @@ export async function activateLedgerSync() {
   await pressUntilTextFound(DeviceLabels.TURN_ON_SYNC);
   await pressBoth();
 }
+
+export async function expectValidAddressDevice(account: Account, addressDisplayed: string) {
+  let deviceLabels: string[];
+
+  switch (account.currency) {
+    case Currency.SOL:
+      deviceLabels = [DeviceLabels.PUBKEY, DeviceLabels.APPROVE, DeviceLabels.REJECT];
+      break;
+    case Currency.DOT:
+    case Currency.ATOM:
+      deviceLabels = [DeviceLabels.ADDRESS, DeviceLabels.CAPS_APPROVE, DeviceLabels.CAPS_REJECT];
+      break;
+    default:
+      deviceLabels = [DeviceLabels.ADDRESS, DeviceLabels.APPROVE, DeviceLabels.REJECT];
+      break;
+  }
+
+  await waitFor(deviceLabels[0]);
+  const events = await pressUntilTextFound(deviceLabels[1]);
+  const isAddressCorrect = containsSubstringInEvent(addressDisplayed, events);
+  expect(isAddressCorrect).toBeTruthy();
+  await pressBoth();
+}

libs/ui/packages/native/src/components/cta/QuickAction/QuickActionButton/index.tsx

@@ -46,6 +46,7 @@ const QuickActionButton = ({
   onPressWhenDisabled,
   textVariant = "body",
   variant = "large",
+  testID,
   ...otherProps
 }: QuickActionButtonProps): React.ReactElement => {
   return (
@@ -55,6 +56,7 @@ const QuickActionButton = ({
       visuallyDisabled={disabled}
       variant={variant}
       {...otherProps}
+      testID={`${testID}-${children}`}
     >
       <Icon
         size={variant === "small" ? 20 : 24}