chore: rename existing tests as legacy

.github/workflows/integration-tests.yml

@@ -14,7 +14,7 @@ jobs:
     steps:
       - uses: actions/checkout@v2
       - id: set-dirs
-        working-directory: ./tests/integration
+        working-directory: ./tests-legacy/integration
         run: echo "::set-output name=dir::$( ls -d */ | xargs -0 | sed 's/\///' | jq -R -s -c 'split("\n")[:-2]')"
 
   test-integration:
@@ -69,7 +69,7 @@ jobs:
               --config=./jest.integration.config.js \
               --detectOpenHandles \
               --forceExit \
-              --testPathPattern=./tests/integration/${{ matrix.dir }}/*
+              --testPathPattern=./tests-legacy/integration/${{ matrix.dir }}/*
 
       - name: Upload traces
         uses: actions/upload-artifact@v2

.github/workflows/playwright.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - name: Install dependencies
         run: yarn
       - name: Install Playwright Browsers

src/app/common/transactions/stacks/generate-unsigned-txs.spec.ts

@@ -1,5 +1,5 @@
 import { PostConditionMode } from '@stacks/transactions';
-import { generateContractCallToken } from '@tests/utils/transation-test-utils';
+import { generateContractCallToken } from '@tests-legacy/utils/transation-test-utils';
 import { decodeToken } from 'jsontokens';
 
 import { generateUnsignedTransaction } from './generate-unsigned-txs';

src/app/common/transactions/stacks/requests.spec.ts

@@ -1,6 +1,6 @@
 import { getAppPrivateKey } from '@stacks/wallet-sdk';
-import { STX_TRANSFER_TX_REQUEST, TEST_WALLET } from '@tests/mocks';
-import { generateContractCallToken } from '@tests/utils/transation-test-utils';
+import { STX_TRANSFER_TX_REQUEST, TEST_WALLET } from '@tests-legacy/mocks';
+import { generateContractCallToken } from '@tests-legacy/utils/transation-test-utils';
 
 import { UNAUTHORIZED_TX_REQUEST, verifyTxRequest } from './requests';
 

src/app/components/account/account-list-item-layout.tsx

@@ -1,6 +1,6 @@
 import { Flex, Spinner, Stack, StackProps, color, useMediaQuery } from '@stacks/ui';
 import { truncateMiddle } from '@stacks/ui-utils';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 import { Caption } from '@app/components/typography';
 import { AccountWithAddress } from '@app/store/accounts/account.models';

src/app/components/event-card.tsx

@@ -1,7 +1,7 @@
 import { FiMoreHorizontal } from 'react-icons/fi';
 
 import { Box, IconButton, Stack, Text, color } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { SpaceBetween } from '@app/components/space-between';
 import { Caption } from '@app/components/typography';

src/app/components/fee-row/components/custom-fee-field.tsx

@@ -1,7 +1,7 @@
 import { Dispatch, FormEvent, SetStateAction, useCallback } from 'react';
 
 import { Input, InputGroup, Stack, StackProps, color } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 import BigNumber from 'bignumber.js';
 import { useField } from 'formik';
 

src/app/components/fee-row/components/fee-estimate-select.tsx

@@ -1,7 +1,7 @@
 import { Dispatch, SetStateAction, useRef } from 'react';
 
 import { Fade, Stack, color } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { FeeEstimate, FeeType } from '@shared/models/fees-types';
 

src/app/components/fee-row/components/transaction-fee.tsx

@@ -1,5 +1,5 @@
 import { Tooltip } from '@stacks/ui';
-import { TransactionSigningSelectors } from '@tests/page-objects/transaction-signing.selectors';
+import { TransactionSigningSelectors } from '@tests-legacy/page-objects/transaction-signing.selectors';
 
 import { Money } from '@shared/models/money.model';
 

src/app/components/fee-row/fee-row.tsx

@@ -2,7 +2,7 @@ import { Suspense, useCallback, useEffect, useMemo, useState } from 'react';
 import { FiInfo } from 'react-icons/fi';
 
 import { Box, Stack, Text, color } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 import BigNumber from 'bignumber.js';
 import { useField } from 'formik';
 

src/app/components/header.tsx

@@ -3,8 +3,8 @@ import { FiArrowLeft, FiMoreHorizontal } from 'react-icons/fi';
 import { useLocation, useNavigate } from 'react-router-dom';
 
 import { Box, Flex, FlexProps, IconButton, Stack, Text, color, useMediaQuery } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 import { BRANCH } from '@shared/environment';
 import { RouteUrls } from '@shared/route-urls';

src/app/components/request-password.tsx

@@ -2,7 +2,7 @@ import { FormEvent, useCallback, useState } from 'react';
 
 import UnlockSession from '@assets/images/unlock-session.png';
 import { Box, Input, Stack, color } from '@stacks/ui';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { useWallet } from '@app/common/hooks/use-wallet';

src/app/components/stacks-transaction-item/stacks-transaction-item.tsx

@@ -3,7 +3,7 @@ import { createSearchParams, useLocation, useNavigate } from 'react-router-dom';
 import type { MempoolTransaction } from '@stacks/stacks-blockchain-api-types';
 import { Box, BoxProps, Flex, Stack, Text, color, useMediaQuery } from '@stacks/ui';
 import { isPendingTx } from '@stacks/ui-utils';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { StacksTx, TxTransferDetails } from '@shared/models/transactions/stacks-transaction.model';
 import { RouteUrls } from '@shared/route-urls';

src/app/components/transaction/pending-label.tsx

@@ -1,7 +1,7 @@
 import { FiInfo } from 'react-icons/fi';
 
 import { Box, Flex, Stack, Text, color } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { Tooltip } from '@app/components/tooltip';
 

src/app/features/activity-list/components/transaction-list/bitcoin-transaction/bitcoin-transaction-value.tsx

@@ -1,4 +1,4 @@
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { Title } from '@app/components/typography';
 

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

@@ -2,7 +2,7 @@ import { useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { Box, Stack, StackProps } from '@stacks/ui';
-import { HomePageSelectors } from '@tests/page-objects/home.selectors';
+import { HomePageSelectors } from '@tests-legacy/page-objects/home.selectors';
 
 import { BITCOIN_TEST_ADDRESS } from '@shared/constants';
 import { RouteUrls } from '@shared/route-urls';

src/app/features/balances-list/components/fund-account.tsx

@@ -1,6 +1,6 @@
 import NoFunds from '@assets/images/no-funds.png';
 import { Flex, FlexProps } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 import { SecondaryButton } from '@app/components/secondary-button';
 import { Caption } from '@app/components/typography';

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

@@ -2,7 +2,7 @@ import { Suspense, memo } from 'react';
 
 import { BoxProps } from '@stacks/ui';
 import { memoWithAs } from '@stacks/ui-core';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 import { useCurrentAccountDisplayName } from '@app/common/hooks/account/use-account-names';
 import { truncateString } from '@app/common/utils';

src/app/features/secret-key-displayer/components/secret-key-word.tsx

@@ -1,5 +1,5 @@
 import { Box, color } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 import { Text } from '@app/components/typography';
 

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

@@ -2,7 +2,7 @@ import { FiCopy } from 'react-icons/fi';
 
 import YourSecretKey from '@assets/images/onboarding/your-secret-key.png';
 import { Box, Stack, color } from '@stacks/ui';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 import { Link } from '@app/components/link';
 import { Text, Title } from '@app/components/typography';

src/app/features/settings-dropdown/settings-dropdown.tsx

@@ -2,7 +2,7 @@ import { useCallback, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { Box, Flex, SlideFade, color } from '@stacks/ui';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 import { RouteUrls } from '@shared/route-urls';
 

src/app/features/suggested-first-steps/components/step-done-badge.tsx

@@ -1,7 +1,7 @@
 import { FiCheck } from 'react-icons/fi';
 
 import { Stack, color } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 import { Caption } from '@app/components/typography';
 

src/app/features/suggested-first-steps/components/step-full-page.tsx

@@ -1,7 +1,7 @@
 import { FiArrowRight } from 'react-icons/fi';
 
 import { Box, Flex, Stack, color } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 import { Link } from '@app/components/link';
 import { Tooltip } from '@app/components/tooltip';

src/app/features/suggested-first-steps/suggested-first-steps.layout.tsx

@@ -1,7 +1,7 @@
 import { FiX } from 'react-icons/fi';
 
 import { Circle, Flex, Grid, GridProps, Stack, color } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 import { HOME_FULL_PAGE_MAX_WIDTH } from '@app/components/global-styles/full-page-styles';
 import { SpaceBetween } from '@app/components/space-between';

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/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { UserSelectedTheme, themeLabelMap, useThemeSwitcher } from '@app/common/theme-provider';

src/app/pages/add-network/add-network.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom';
 
 import { ChainID } from '@stacks/transactions';
 import { Input, Stack } from '@stacks/ui';
-import { NetworkSelectors } from '@tests/integration/network.selectors';
+import { NetworkSelectors } from '@tests-legacy/integration/network.selectors';
 import { Formik } from 'formik';
 
 import { DefaultNetworkConfigurations } from '@shared/constants';

src/app/pages/allow-diagnostics/allow-diagnostics-layout.tsx

@@ -3,7 +3,7 @@ import { FiCheck } from 'react-icons/fi';
 
 import HelpUsImprove from '@assets/images/onboarding/help-us-improve.png';
 import { Box, Button, Flex, Stack, color } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 import { CenteredPageContainer } from '@app/components/centered-page-container';
 import { CENTERED_FULL_PAGE_MAX_WIDTH } from '@app/components/global-styles/full-page-styles';

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

@@ -1,4 +1,4 @@
-import { FundPageSelectors } from '@tests/page-objects/fund.selectors';
+import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
 
 import { AvailableRegions } from '@app/query/common/hiro-config/hiro-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/page-objects/fund.selectors';
+import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
 
 import { Caption, Title } from '@app/components/typography';
 

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/page-objects/fund.selectors';
+import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
 
 import { FundAccountTile } from './fund-account-tile';
 

src/app/pages/fund/components/skip-fund-account-button.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@stacks/ui';
-import { FundPageSelectors } from '@tests/page-objects/fund.selectors';
+import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
 
 interface SkipFundAccountButton {
   onSkipFundAccount(): void;

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

@@ -3,7 +3,7 @@ import { FiCopy } from 'react-icons/fi';
 
 import { Box, Stack, StackProps, color, useClipboard } from '@stacks/ui';
 import { truncateMiddle } from '@stacks/ui-utils';
-import { UserAreaSelectors } from '@tests/integration/user-area.selectors';
+import { UserAreaSelectors } from '@tests-legacy/integration/user-area.selectors';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { Tooltip } from '@app/components/tooltip';

src/app/pages/home/components/buy-button.tsx

@@ -4,7 +4,7 @@ import { useNavigate } from 'react-router-dom';
 
 import { ChainID } from '@stacks/transactions';
 import { ButtonProps } from '@stacks/ui';
-import { HomePageSelectors } from '@tests/page-objects/home.selectors';
+import { HomePageSelectors } from '@tests-legacy/page-objects/home.selectors';
 
 import { RouteUrls } from '@shared/route-urls';
 

src/app/pages/home/components/home.layout.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { Flex, Stack } from '@stacks/ui';
-import { HomePageSelectors } from '@tests/page-objects/home.selectors';
+import { HomePageSelectors } from '@tests-legacy/page-objects/home.selectors';
 
 import { HOME_FULL_PAGE_MAX_WIDTH } from '@app/components/global-styles/full-page-styles';
 

src/app/pages/home/components/send-button.tsx

@@ -3,7 +3,7 @@ import { FiArrowUp } from 'react-icons/fi';
 import { useNavigate } from 'react-router-dom';
 
 import { ButtonProps } from '@stacks/ui';
-import { HomePageSelectors } from '@tests/page-objects/home.selectors';
+import { HomePageSelectors } from '@tests-legacy/page-objects/home.selectors';
 
 import { featureFlags } from '@shared/feature-flags';
 import { RouteUrls } from '@shared/route-urls';

src/app/pages/onboarding/back-up-secret-key/components/back-up-secret-key-actions.tsx

@@ -1,7 +1,7 @@
 import { FiEyeOff, FiLock, FiRotateCcw } from 'react-icons/fi';
 
 import { Box, Stack, color } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 import { PrimaryButton } from '@app/components/primary-button';
 import { Caption } from '@app/components/typography';

src/app/pages/onboarding/magic-recovery-code/magic-recovery-code.tsx

@@ -2,7 +2,7 @@ import { memo } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { Button, Flex, Input, Stack, StackProps, Text } from '@stacks/ui';
-import { WalletPageSelectors } from '@tests/page-objects/wallet.selectors';
+import { WalletPageSelectors } from '@tests-legacy/page-objects/wallet.selectors';
 import { Form, Formik } from 'formik';
 
 import { RouteUrls } from '@shared/route-urls';

src/app/pages/onboarding/set-password/components/password-field.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { FiEye, FiEyeOff } from 'react-icons/fi';
 
 import { Box, Button, Flex, Input, color } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 import { useField } from 'formik';
 
 import { ValidatedPassword } from '@app/common/validation/validate-password';

src/app/pages/onboarding/set-password/set-password.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom';
 
 import SetPassword from '@assets/images/onboarding/set-password.png';
 import { Box, Stack, Text } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 import { Form, Formik } from 'formik';
 import { debounce } from 'ts-debounce';
 import * as yup from 'yup';

src/app/pages/onboarding/sign-in/sign-in.tsx

@@ -2,7 +2,7 @@ import { useNavigate } from 'react-router-dom';
 
 import YourSecretKey from '@assets/images/onboarding/your-secret-key.png';
 import { Box, Input, Stack, Text, color, useMediaQuery } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 import { Form, Formik } from 'formik';
 
 import { RouteUrls } from '@shared/route-urls';

src/app/pages/onboarding/welcome/welcome.layout.tsx

@@ -2,7 +2,7 @@ import { Outlet } from 'react-router-dom';
 
 import ExploreStacks from '@assets/images/onboarding/explore-stacks.png';
 import { Box, Flex, color } from '@stacks/ui';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 import { featureFlags } from '@shared/feature-flags';
 

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

@@ -1,5 +1,5 @@
 import { Button, ButtonProps } from '@stacks/ui';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 interface AddNetworkButtonProps extends ButtonProps {
   onAddNetwork(): void;

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

@@ -1,5 +1,5 @@
 import { Box, BoxProps, Flex, Stack, color } from '@stacks/ui';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 
 import { NetworkConfiguration } from '@shared/constants';
 

src/app/pages/send-tokens/components/amount-field.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 
 import { Box, Input, InputGroup, Stack, StackProps, Text } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 import { useFormikContext } from 'formik';
 
 import { SendFormValues } from '@shared/models/form.model';

src/app/pages/send-tokens/components/asset-search/asset-search-field.tsx

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 
 import { Box, Flex, Input, Text } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 import { useCombobox } from 'downshift';
 
 import type {

src/app/pages/send-tokens/components/asset-search/selected-asset-item.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 
 import { Box, BoxProps, ChevronIcon, Stack, Text, color } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 import { useField } from 'formik';
 
 import {

src/app/pages/send-tokens/components/memo-field.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 
 import { Input, InputGroup, Stack, StackProps, Text } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 import { useFormikContext } from 'formik';
 
 import { ErrorLabel } from '@app/components/error-label';

src/app/pages/send-tokens/components/recipient-field.tsx

@@ -4,7 +4,7 @@ import { FiCopy, FiInfo } from 'react-icons/fi';
 
 import { Box, Input, InputGroup, Stack, StackProps, Text, useClipboard } from '@stacks/ui';
 import { color, truncateMiddle } from '@stacks/ui-utils';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 import { useFormikContext } from 'formik';
 
 import { SendFormValues } from '@shared/models/form.model';

src/app/pages/send-tokens/components/send-form-inner.tsx

@@ -1,7 +1,7 @@
 import { Suspense, useCallback } from 'react';
 
 import { Box, Stack, Text } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 import { useFormikContext } from 'formik';
 
 import { HIGH_FEE_AMOUNT_STX } from '@shared/constants';

src/app/pages/send-tokens/components/send-max-button.tsx

@@ -2,7 +2,7 @@ import { useCallback } from 'react';
 import { toast } from 'react-hot-toast';
 
 import { Box, ButtonProps, color } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { isUndefined } from '@shared/utils';
 

src/app/pages/send-tokens/components/send-tokens-confirm-drawer/send-tokens-confirm-actions.tsx

@@ -1,6 +1,6 @@
 import { StacksTransaction } from '@stacks/transactions';
 import { Button, Stack } from '@stacks/ui';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { LoadingKeys, useLoading } from '@app/common/hooks/use-loading';
 

src/app/pages/send-tokens/components/send-tokens-confirm-drawer/send-tokens-confirm-details.tsx

@@ -1,6 +1,6 @@
 import { Flex, StackProps } from '@stacks/ui';
 import { color, truncateMiddle } from '@stacks/ui-utils';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { getIconString } from '@app/common/crypto-assets/stacks-crypto-asset.utils';
 import { useSelectedAssetBalance } from '@app/common/hooks/use-selected-asset-balance';

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

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 
 import { Box, Button, Flex, Text, color } from '@stacks/ui';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
 import { useFormik } from 'formik';
 
 import { useWalletType } from '@app/common/use-wallet-type';

src/app/pages/transaction-request/components/minimal-error-message.tsx

@@ -2,7 +2,7 @@ import { Suspense, memo } from 'react';
 import { FiAlertTriangle } from 'react-icons/fi';
 
 import { Box, Stack, StackProps, color } from '@stacks/ui';
-import { TransactionSigningSelectors } from '@tests/page-objects/transaction-signing.selectors';
+import { TransactionSigningSelectors } from '@tests-legacy/page-objects/transaction-signing.selectors';
 
 import { Caption } from '@app/components/typography';
 import { TransactionErrorReason } from '@app/pages/transaction-request/components/transaction-error/transaction-error';

src/app/pages/transaction-request/components/page-top.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 
 import { Stack } from '@stacks/ui';
-import { TransactionSigningSelectors } from '@tests/page-objects/transaction-signing.selectors';
+import { TransactionSigningSelectors } from '@tests-legacy/page-objects/transaction-signing.selectors';
 
 import { useDefaultRequestParams } from '@app/common/hooks/use-default-request-search-params';
 import { addPortSuffix, getUrlHostname } from '@app/common/utils';

src/app/pages/transaction-request/components/submit-action.tsx

@@ -1,7 +1,7 @@
 import { Suspense } from 'react';
 
 import { Button, ButtonProps } from '@stacks/ui';
-import { TransactionSigningSelectors } from '@tests/page-objects/transaction-signing.selectors';
+import { TransactionSigningSelectors } from '@tests-legacy/page-objects/transaction-signing.selectors';
 import { useFormikContext } from 'formik';
 
 import { HIGH_FEE_AMOUNT_STX } from '@shared/constants';

src/app/query/stacks/nonce/account-nonces.query.spec.ts

@@ -1,6 +1,6 @@
 import { AddressNonces } from '@stacks/blockchain-api-client/lib/generated';
 import { MempoolTransaction, Transaction } from '@stacks/stacks-blockchain-api-types';
-import { setupHeystackEnv } from '@tests/mocks/heystack';
+import { setupHeystackEnv } from '@tests-legacy/mocks/heystack';
 
 import { NonceTypes, getNextNonce } from './account-nonces.utils';
 

src/app/store/accounts/account.spec.tsx

@@ -1,6 +1,6 @@
 import { act, renderHook } from '@testing-library/react-hooks';
-import { TEST_ACCOUNTS_WITH_ADDRESS } from '@tests/mocks';
-import { ProviderWithTestWallet } from '@tests/state-utils';
+import { TEST_ACCOUNTS_WITH_ADDRESS } from '@tests-legacy/mocks';
+import { ProviderWithTestWallet } from '@tests-legacy/state-utils';
 import { useAtomValue } from 'jotai/utils';
 
 import { accountsWithAddressState, softwareAccountsState } from '@app/store/accounts/accounts';

src/app/store/transactions/post-conditions.spec.ts

@@ -1,5 +1,5 @@
 import { FungibleConditionCode, parsePrincipalString } from '@stacks/transactions';
-import { HEYSTACK_HEY_TX_REQUEST, HEYSTACK_HEY_TX_REQUEST_DECODED } from '@tests/mocks';
+import { HEYSTACK_HEY_TX_REQUEST, HEYSTACK_HEY_TX_REQUEST_DECODED } from '@tests-legacy/mocks';
 
 import { getPayloadFromToken } from '@shared/utils/requests';
 

src/app/store/utils/vault-reducer-migration.spec.ts

@@ -1,4 +1,4 @@
-import { LocalStorageMock } from '@tests/mocks/localStorage-mock';
+import { LocalStorageMock } from '@tests-legacy/mocks/localStorage-mock';
 
 import { defaultKeyId } from '../keys/key.slice';
 import { migrateVaultReducerStoreToNewStateStructure } from './vault-reducer-migration';

src/shared/utils/requests.spec.ts

@@ -1,5 +1,5 @@
 import { TransactionTypes } from '@stacks/connect';
-import { HEYSTACK_HEY_TX_REQUEST } from '@tests/mocks';
+import { HEYSTACK_HEY_TX_REQUEST } from '@tests-legacy/mocks';
 
 import { getPayloadFromToken } from './requests';
 

test-app/src/components/auth.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button, Text, Box, ButtonGroup } from '@stacks/ui';
 import { useConnect } from '@stacks/connect-react';
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 
 export const Auth: React.FC = () => {
   const { doOpenAuth } = useConnect();

test-app/src/components/debugger.tsx

@@ -35,9 +35,9 @@ import {
   stacksTestnetNetwork as network,
   stacksTestnetNetwork,
 } from '@common/utils';
-import { TransactionSigningSelectors } from '@tests/page-objects/transaction-signing.selectors';
+import { TransactionSigningSelectors } from '@tests-legacy/page-objects/transaction-signing.selectors';
 
-import { WalletPageSelectors } from '@tests/page-objects/wallet.selectors';
+import { WalletPageSelectors } from '@tests-legacy/page-objects/wallet.selectors';
 import { ExplorerLink } from './explorer-link';
 
 export const Debugger = () => {

test-app/tsconfig.json

@@ -32,11 +32,18 @@
       "@containers/*": ["./containers/*"],
       "@common/*": ["./common/*"],
       "@cards/*": ["./components/cards/*"],
-      "@tests/*": ["../../tests/*"]
+      "@tests/*": ["../../tests/*"],
+      "@tests-legacy/*": ["../../tests-legacy/*"]
     },
     "baseUrl": "./src",
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true
   },
-  "include": ["./src/**/*", "./tests/**/*", "./components/**/*", "./common/**/*"]
+  "include": [
+    "./src/**/*",
+    "./tests-legacy/**/*",
+    "./tests/**/*",
+    "./components/**/*",
+    "./common/**/*"
+  ]
 }

tests-legacy/integration/assets/decimal-tests.spec.ts

@@ -1,8 +1,8 @@
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
-import { BrowserDriver, createTestSelector, setupBrowser } from '@tests/integration/utils';
-import { APINetworkRecipientAddress, SECRET_KEY_2 } from '@tests/mocks';
-import { SendPage } from '@tests/page-objects/send-form.page';
-import { WalletPage } from '@tests/page-objects/wallet.page';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { BrowserDriver, createTestSelector, setupBrowser } from '@tests-legacy/integration/utils';
+import { APINetworkRecipientAddress, SECRET_KEY_2 } from '@tests-legacy/mocks';
+import { SendPage } from '@tests-legacy/page-objects/send-form.page';
+import { WalletPage } from '@tests-legacy/page-objects/wallet.page';
 
 import { RouteUrls } from '@shared/route-urls';
 

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

@@ -1,7 +1,7 @@
-import { BalanceSelectors } from '@tests/integration/balance.selectors';
-import { BrowserDriver, createTestSelector, setupBrowser } from '@tests/integration/utils';
-import { SECRET_KEY_2 } from '@tests/mocks';
-import { WalletPage } from '@tests/page-objects/wallet.page';
+import { BalanceSelectors } from '@tests-legacy/integration/balance.selectors';
+import { BrowserDriver, createTestSelector, setupBrowser } from '@tests-legacy/integration/utils';
+import { SECRET_KEY_2 } from '@tests-legacy/mocks';
+import { WalletPage } from '@tests-legacy/page-objects/wallet.page';
 
 import { RouteUrls } from '@shared/route-urls';
 

tests-legacy/integration/contract-call/locked-wallet.spec.ts

@@ -1,5 +1,5 @@
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
-import { SECRET_KEY_2 } from '@tests/mocks';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { SECRET_KEY_2 } from '@tests-legacy/mocks';
 import { Page } from 'playwright-core';
 
 import { RouteUrls } from '@shared/route-urls';

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

@@ -1,5 +1,5 @@
-import { SECRET_KEY_2 } from '@tests/mocks';
-import { FundPage } from '@tests/page-objects/fund.page';
+import { SECRET_KEY_2 } from '@tests-legacy/mocks';
+import { FundPage } from '@tests-legacy/page-objects/fund.page';
 
 import { RouteUrls } from '@shared/route-urls';
 

tests-legacy/integration/network/add-network.spec.ts

@@ -1,9 +1,9 @@
-import { NetworkSelectors } from '@tests/integration/network.selectors';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
-import { BrowserDriver, createTestSelector, setupBrowser } from '@tests/integration/utils';
-import { SECRET_KEY_2 } from '@tests/mocks';
-import { NetworkPage } from '@tests/page-objects/network-page';
-import { WalletPage } from '@tests/page-objects/wallet.page';
+import { NetworkSelectors } from '@tests-legacy/integration/network.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { BrowserDriver, createTestSelector, setupBrowser } from '@tests-legacy/integration/utils';
+import { SECRET_KEY_2 } from '@tests-legacy/mocks';
+import { NetworkPage } from '@tests-legacy/page-objects/network-page';
+import { WalletPage } from '@tests-legacy/page-objects/wallet.page';
 
 import { RouteUrls } from '@shared/route-urls';
 

tests-legacy/integration/send-tokens/send-tokens.spec.ts

@@ -1,5 +1,5 @@
-import { UserAreaSelectors } from '@tests/integration/user-area.selectors';
-import { SECRET_KEY_2 } from '@tests/mocks';
+import { UserAreaSelectors } from '@tests-legacy/integration/user-area.selectors';
+import { SECRET_KEY_2 } from '@tests-legacy/mocks';
 
 import { RouteUrls } from '@shared/route-urls';
 

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

@@ -1,9 +1,9 @@
 import { TokenTransferPayload, deserializeTransaction } from '@stacks/transactions';
-import { SECRET_KEY_2 } from '@tests/mocks';
-import { DemoPage } from '@tests/page-objects/demo.page';
-import { TransactionSigningPage } from '@tests/page-objects/transaction-signing.page';
-import { TransactionSigningSelectors } from '@tests/page-objects/transaction-signing.selectors';
-import { WalletPage } from '@tests/page-objects/wallet.page';
+import { SECRET_KEY_2 } from '@tests-legacy/mocks';
+import { DemoPage } from '@tests-legacy/page-objects/demo.page';
+import { TransactionSigningPage } from '@tests-legacy/page-objects/transaction-signing.page';
+import { TransactionSigningSelectors } from '@tests-legacy/page-objects/transaction-signing.selectors';
+import { WalletPage } from '@tests-legacy/page-objects/wallet.page';
 import { Page } from 'playwright';
 
 import { RouteUrls } from '@shared/route-urls';

tests-legacy/integration/utils.ts

@@ -1,5 +1,5 @@
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
-import { WalletPage } from '@tests/page-objects/wallet.page';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { WalletPage } from '@tests-legacy/page-objects/wallet.page';
 import { mkdtemp } from 'fs';
 import { tmpdir } from 'os';
 import { join } from 'path';

tests-legacy/jest-unit.setup.js

@@ -2,7 +2,7 @@ Object.assign(global, require('jest-chrome'));
 
 // setup jsdom inside `node` test environment
 const JSDOM = require('jsdom').JSDOM;
-const LocalStorageMock = require('@tests/mocks/localStorage-mock').LocalStorageMock;
+const LocalStorageMock = require('@tests-legacy/mocks/localStorage-mock').LocalStorageMock;
 
 const dom = new JSDOM('', { url: 'http://localhost/' });
 

tests-legacy/page-objects/demo.page.ts

@@ -1,4 +1,4 @@
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
 import { BrowserContext, Page } from 'playwright-core';
 
 import { createTestSelector } from '../integration/utils';

tests-legacy/page-objects/fund.page.ts

@@ -1,4 +1,4 @@
-import { FundPageSelectors } from '@tests/page-objects/fund.selectors';
+import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
 import { Page } from 'playwright-core';
 
 import { createTestSelector } from '../integration/utils';

tests-legacy/page-objects/network-page.ts

@@ -1,4 +1,4 @@
-import { NetworkSelectors } from '@tests/integration/network.selectors';
+import { NetworkSelectors } from '@tests-legacy/integration/network.selectors';
 import { Page } from 'playwright-core';
 
 import { createTestSelector } from '../integration/utils';

tests-legacy/page-objects/send-form.page.ts

@@ -1,6 +1,6 @@
-import { AssetSelectors } from '@tests/integration/asset.selectors';
-import { TransactionSigningSelectors } from '@tests/page-objects/transaction-signing.selectors';
-import { WalletPageSelectors } from '@tests/page-objects/wallet.selectors';
+import { AssetSelectors } from '@tests-legacy/integration/asset.selectors';
+import { TransactionSigningSelectors } from '@tests-legacy/page-objects/transaction-signing.selectors';
+import { WalletPageSelectors } from '@tests-legacy/page-objects/wallet.selectors';
 import { Page } from 'playwright-core';
 
 import { createTestSelector } from '../integration/utils';

tests-legacy/page-objects/wallet.page.ts

@@ -1,6 +1,6 @@
-import { OnboardingSelectors } from '@tests/integration/onboarding/onboarding.selectors';
-import { SettingsSelectors } from '@tests/integration/settings.selectors';
-import { HomePageSelectors } from '@tests/page-objects/home.selectors';
+import { OnboardingSelectors } from '@tests-legacy/integration/onboarding/onboarding.selectors';
+import { SettingsSelectors } from '@tests-legacy/integration/settings.selectors';
+import { HomePageSelectors } from '@tests-legacy/page-objects/home.selectors';
 import { Page } from 'playwright-core';
 
 import { RouteUrls } from '@shared/route-urls';

tests/punycode.spec.ts

@@ -5,7 +5,7 @@ import {
   addressToString,
   deserializeTransaction,
 } from '@stacks/transactions';
-import { SendFormSelectors } from '@tests/page-objects/send-form.selectors';
+import { SendFormSelectors } from '@tests-legacy/page-objects/send-form.selectors';
 
 import { RouteUrls } from '@shared/route-urls';
 

tsconfig.json

@@ -29,9 +29,7 @@
       "@inpage/*": ["inpage/*"],
       "@app/*": ["app/*"],
       "@tests/*": ["../tests/*"],
-      "@tests": ["../tests"],
-      "@tests-new/*": ["../tests-legacy/*"],
-      "@tests-new": ["../tests-legacy"]
+      "@tests-legacy/*": ["../tests-legacy/*"]
     },
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,