test(ledger): activity page loads

src/app/components/tabs.tsx

@@ -69,6 +69,7 @@ export function Tabs({
         {tabs.map((tab, index) => (
           <TabButton
             onClick={() => onTabClick(index)}
+            data-testid={`tab-${tab.slug}`}
             isActive={activeTab === index}
             key={tab.slug}
             label={tab.label}

src/app/features/activity-list/activity-list.tsx

@@ -17,6 +17,7 @@ import { TransactionList } from './components/transaction-list/transaction-list'
 
 export function ActivityList() {
   const nativeSegwitSigner = useCurrentAccountNativeSegwitIndexZeroSigner();
+
   const { isInitialLoading: isInitialLoadingBitcoinTransactions, data: bitcoinTransactions } =
     useGetBitcoinTransactionsByAddressQuery(nativeSegwitSigner.address);
   const { data: bitcoinPendingTxs = [] } = useBitcoinPendingTransactions(

tests/page-object-models/home.page.ts

@@ -68,4 +68,8 @@ export class HomePage {
     ).isEnabled();
     await this.page.getByTestId(WalletDefaultNetworkConfigurationIds.testnet).click();
   }
+
+  async clickActivityTab() {
+    await this.page.getByTestId(HomePageSelectors.ActivityTabBtn).click();
+  }
 }

tests/selectors/home.selectors.ts

@@ -6,4 +6,6 @@ export enum HomePageSelectors {
   ReceiveBtcTaprootQrCodeBtn = 'receive-taproot-qr-code-btn',
   ReceiveStxQrCodeBtn = 'receive-stx-qr-code-btn',
   SendCryptoAssetBtn = 'send-crypto-asset-btn',
+  ActivityTabBtn = 'tab-activity',
+  BalancesTabBtn = 'tab-balances',
 }

tests/specs/ledger/ledger.spec.ts

@@ -13,4 +13,11 @@ test.describe('App with Ledger', () => {
     const address = await homePage.getReceiveStxAddress();
     test.expect(address).toEqual('SPSDM5RXY2E3V7JTFYKPFNRPDHG1B85788FKG2KN');
   });
+
+  test('that you can navigate to activity page', async ({ homePage }) => {
+    await homePage.clickActivityTab();
+    const noActivityText = homePage.page.getByText('No activity yet');
+
+    test.expect(await noActivityText.count()).toBeGreaterThan(0);
+  });
 });