refactor: fund test migrate, closes #4187

src/app/components/request-password.tsx

@@ -1,7 +1,7 @@
 import { FormEvent, useCallback, useState } from 'react';
 
 import { Box, Input, Stack } from '@stacks/ui';
-import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
 import { styled } from 'leather-styles/jsx';
 import { token } from 'leather-styles/tokens';
 

src/app/features/current-account/current-account-name.tsx

@@ -1,7 +1,7 @@
 import { Suspense, memo } from 'react';
 
 import { memoWithAs } from '@stacks/ui-core';
-import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
 import { Box, BoxProps, styled } from 'leather-styles/jsx';
 
 import { HasChildren } from '@app/common/has-children';

src/app/features/secret-key-displayer/secret-key-displayer.layout.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
 import { Box, Flex, Stack, styled } from 'leather-styles/jsx';
 
 import { LeatherButton } from '@app/components/button/button';

src/app/features/theme-drawer/theme-list.tsx

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 
 import { Flex, FlexProps } from '@stacks/ui';
-import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { UserSelectedTheme, themeLabelMap, useThemeSwitcher } from '@app/common/theme-provider';

src/app/pages/fund/components/fiat-provider-item.tsx

@@ -1,4 +1,4 @@
-import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
+import { FundPageSelectors } from '@tests/selectors/fund.selectors';
 
 import { AvailableRegions } from '@app/query/common/remote-config/remote-config.query';
 

src/app/pages/fund/components/fund-account-tile.tsx

@@ -1,5 +1,5 @@
 import { Box, Stack, color, transition } from '@stacks/ui';
-import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
+import { FundPageSelectors } from '@tests/selectors/fund.selectors';
 import { styled } from 'leather-styles/jsx';
 import { token } from 'leather-styles/tokens';
 

src/app/pages/fund/components/receive-stx-item.tsx

@@ -2,7 +2,7 @@ import QRCodeIcon from '@assets/images/fund/qr-code-icon.png';
 import ReceiveStxEllipses from '@assets/images/fund/receive-stx-ellipses.png';
 import StacksIcon from '@assets/images/fund/stacks-icon.png';
 import { Box } from '@stacks/ui';
-import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
+import { FundPageSelectors } from '@tests/selectors/fund.selectors';
 
 import { FundAccountTile } from './fund-account-tile';
 

src/app/pages/home/components/account-actions.tsx

@@ -1,6 +1,5 @@
 import { useNavigate } from 'react-router-dom';
 
-import { HomePageSelectorsLegacy } from '@tests-legacy/page-objects/home.selectors';
 import { HomePageSelectors } from '@tests/selectors/home.selectors';
 import { Flex, FlexProps } from 'leather-styles/jsx';
 
@@ -30,7 +29,7 @@ export function AccountActions(props: FlexProps) {
         onClick={() => navigate(isBitcoinEnabled ? RouteUrls.Receive : RouteUrls.ReceiveStx)}
       />
       <ActionButton
-        data-testid={HomePageSelectorsLegacy.BtnFundAccount}
+        data-testid={HomePageSelectors.FundAccountBtn}
         icon={<Plus2 />}
         label="Buy"
         onClick={() => navigate(RouteUrls.Fund)}

src/app/pages/home/components/account-info-card.tsx

@@ -1,5 +1,5 @@
 import { useMediaQuery } from '@stacks/ui';
-import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
 import { Box, Divider, Flex, styled } from 'leather-styles/jsx';
 
 import { useCurrentAccountDisplayName } from '@app/common/hooks/account/use-account-names';

src/app/pages/select-network/components/add-network-button.tsx

@@ -1,5 +1,5 @@
 import { ButtonProps } from '@stacks/ui';
-import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
 import { Flex } from 'leather-styles/jsx';
 
 import { LeatherButton } from '@app/components/button/button';

src/app/pages/select-network/components/network-list-item.layout.tsx

@@ -1,7 +1,7 @@
 import { FiTrash2 } from 'react-icons/fi';
 
 import { Box, BoxProps, Button, Flex, Stack } from '@stacks/ui';
-import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
 import { styled } from 'leather-styles/jsx';
 import { token } from 'leather-styles/tokens';
 

src/app/pages/sign-out-confirm/sign-out-confirm.layout.tsx

@@ -1,5 +1,5 @@
 import { Flex } from '@stacks/ui';
-import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
 import { useFormik } from 'formik';
 import { Box, HStack, styled } from 'leather-styles/jsx';
 import { token } from 'leather-styles/tokens';

src/app/query/common/remote-config/remote-config.query.ts

@@ -5,6 +5,7 @@ import { GITHUB_ORG, GITHUB_REPO } from '@shared/constants';
 import {
   BRANCH_NAME,
   IS_DEV_ENV,
+  IS_TEST_ENV,
   LEDGER_BITCOIN_ENABLED,
   WALLET_ENVIRONMENT,
 } from '@shared/environment';
@@ -73,7 +74,8 @@ const githubWalletConfigRawUrl = `https://raw.githubusercontent.com/${GITHUB_ORG
 }/config/wallet-config.json`;
 
 async function fetchHiroMessages(): Promise<RemoteConfig> {
-  if (!BRANCH_NAME && WALLET_ENVIRONMENT !== 'production') return localConfig as RemoteConfig;
+  if ((!BRANCH_NAME && WALLET_ENVIRONMENT !== 'production') || IS_TEST_ENV)
+    return localConfig as RemoteConfig;
   return fetch(githubWalletConfigRawUrl).then(msg => msg.json());
 }
 

tests-legacy/integration/onboarding/onboarding.spec.ts

@@ -1,8 +1,9 @@
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
+
 import { RouteUrls } from '@shared/route-urls';
 
 import { SECRET_KEY } from '../../mocks';
 import { WalletPage } from '../../page-objects/wallet.page';
-import { SettingsSelectors } from '../settings.selectors';
 import { BrowserDriver, createTestSelector, setupBrowser } from '../utils';
 
 jest.setTimeout(30_000);

tests-legacy/mocks/index.ts

@@ -61,6 +61,3 @@ export const STX_TRANSFER_DECODED = {
   txType: 'token_transfer',
   appDetails: { name: 'Testing App', icon: '/assets/messenger-app-icon.png' },
 } as const;
-
-export const SECRET_KEY_2 =
-  'derive plug aerobic cook until crucial school fine cushion panda ready crew photo typical nuclear ride steel indicate cupboard potato ignore bamboo script galaxy';

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

@@ -19,6 +19,7 @@
   readonly signOutDeleteWalletBtn: Locator;
   readonly signOutSettingsListItem: Locator;
   readonly lockSettingsListItem: Locator;
+  readonly fundAccountBtn: Locator;
 
   readonly testNetworkSelector: string = createTestSelector(
     WalletDefaultNetworkConfigurationIds.testnet
@@ -43,6 +44,7 @@
     );
     this.signOutSettingsListItem = page.getByTestId(SettingsSelectors.SignOutListItem);
     this.lockSettingsListItem = page.getByTestId(SettingsSelectors.LockListItem);
+    this.fundAccountBtn = page.getByTestId(HomePageSelectors.FundAccountBtn);
   }
 
   async goToReceiveModal() {
@@ -96,7 +98,7 @@
   }
 
   async clickActivityTab() {
     await this.page.getByTestId(HomePageSelectors.ActivityTabBtn).click();
   }
 
   async clickSettingsButton() {
@@ -120,4 +122,8 @@
     await this.clickSettingsButton();
     await this.lockSettingsListItem.click();
   }
+
+  async goToFundPage() {
+    await this.fundAccountBtn.click();
+  }
 }

tests/selectors/home.selectors.ts

@@ -9,4 +9,5 @@ export enum HomePageSelectors {
   ActivityTabBtn = 'tab-activity',
   BalancesTabBtn = 'tab-balances',
   SwapBtn = 'swap-btn',
+  FundAccountBtn = 'fund-account-btn',
 }

tests/specs/fund/fund.spec.ts

@@ -0,0 +1,26 @@
+import { FundPageSelectors } from '@tests/selectors/fund.selectors';
+
+import { test } from '../../fixtures/fixtures';
+
+test.describe('Buy tokens test', () => {
+  test.beforeEach(async ({ extensionId, globalPage, onboardingPage, homePage }) => {
+    await globalPage.setupAndUseApiCalls(extensionId);
+    await onboardingPage.signInWithTestAccount(extensionId);
+    await homePage.goToFundPage();
+  });
+
+  test('should redirect to provider URL', async ({ page }) => {
+    const providerNames = await page.getByTestId(FundPageSelectors.FiatProviderName).all();
+    const name = await providerNames[0].innerText();
+
+    const providerItems = await page.getByTestId(FundPageSelectors.FiatProviderItem).all();
+    await providerItems[0].click();
+
+    await page.waitForTimeout(2000);
+    const allPages = page.context().pages();
+    const recentPage = allPages.pop();
+    await recentPage?.waitForLoadState();
+    const URL = recentPage?.url();
+    test.expect(URL).toContain(name);
+  });
+});