wip: tests

leather-io · Apr 16, 2024 · 4306e89 · 4306e89
1 parent c4d2a91
commit 4306e89
Show file tree

Hide file tree

Showing 3 changed files with 129 additions and 80 deletions.
diff --git a/src/app/pages/receive/components/receive-tokens.tsx b/src/app/pages/receive/components/receive-tokens.tsx
@@ -10,8 +10,8 @@ import { copyToClipboard } from '@app/common/utils/copy-to-clipboard';
 import { useToast } from '@app/features/toasts/use-toast';
 import { useAlexSwap } from '@app/pages/swap/hooks/use-alex-swap';
 import { SwapAsset } from '@app/pages/swap/hooks/use-swap-form';
-import { SwapContext, SwapProvider, useSwapContext } from '@app/pages/swap/swap.context';
 import { sortSwappableAssetsBySymbol } from '@app/pages/swap/swap.utils';
+import { Avatar, defaultFallbackDelay, getAvatarFallback } from '@app/ui/components/avatar/avatar';
 import { Brc20AvatarIcon } from '@app/ui/components/avatar/brc20-avatar-icon';
 import { BtcAvatarIcon } from '@app/ui/components/avatar/btc-avatar-icon';
 import { RunesAvatarIcon } from '@app/ui/components/avatar/runes-avatar-icon';
@@ -51,89 +51,103 @@ export function ReceiveTokens({
     [createSwapAssetFromAlexCurrency, supportedCurrencies]
   );
 
-  // console.log(swappableAssetsQuote);
-  const swapContextValue: SwapContext = {
-    // fetchToAmount,
-    // isFetchingExchangeRate,
-    // isSendingMax,
-    // onSetIsFetchingExchangeRate,
-    // onSetIsSendingMax: value => setIsSendingMax(value),
-    // onSubmitSwapForReview,
-    // onSubmitSwap,
-    // swappableAssetsBase: migratePositiveBalancesToTop(swappableAssets),
-    swappableAssetsQuote: swappableAssets,
-    // swapSubmissionData,
-  };
+  const receivableAssets = useMemo(
+    () =>
+      swappableAssets
+        .filter(asset => asset.name !== 'STX')
+        .map(asset => ({
+          address: asset.principal.split('.')[0], // TODO check this is correct and clean up
+          fallback: getAvatarFallback(asset.balance.symbol),
+          icon: asset.icon,
+          name: asset.name,
+        })),
+    [swappableAssets]
+  );
 
-  // console.log('swapContextValue', swapContextValue);
   return (
-    <SwapProvider value={swapContextValue}>
-      <Stack className={css(receiveTabStyle)}>
-        <ReceiveItem
-          address={btcAddressNativeSegwit}
-          icon={<BtcAvatarIcon />}
-          dataTestId={HomePageSelectors.ReceiveBtcNativeSegwitQrCodeBtn}
-          onCopyAddress={async () => {
-            await copyToClipboard(btcAddressNativeSegwit);
-            toast.success('Copied to clipboard!');
-          }}
-          onClickQrCode={onClickQrBtc}
-          title="Bitcoin"
-        />
-        <ReceiveItem
-          address={stxAddress}
-          icon={<StxAvatarIcon />}
-          dataTestId={HomePageSelectors.ReceiveStxQrCodeBtn}
-          onCopyAddress={async () => {
-            await copyToClipboard(stxAddress);
-            toast.success('Copied to clipboard!');
-          }}
-          onClickQrCode={onClickQrStx}
-          title="Stacks"
-        />
-        <ReceiveItem
-          address={btcAddressTaproot}
-          icon={<Brc20AvatarIcon />}
-          dataTestId={HomePageSelectors.ReceiveBtcTaprootQrCodeBtn}
-          onCopyAddress={async () => {
-            await copyToClipboard(btcAddressTaproot);
-            toast.success('Copied to clipboard!');
-          }}
-          onClickQrCode={onClickQrOrdinal}
-          title="BRC-20"
-        />
-        <ReceiveItem
-          address={btcAddressNativeSegwit}
-          icon={<Src20AvatarIcon />}
-          onClickQrCode={onClickQrStamp}
-          onCopyAddress={async () => {
-            await copyToClipboard(btcAddressNativeSegwit);
-            toast.success('Copied to clipboard!');
-          }}
-          title="SRC-20"
-        />
+    <Stack className={css(receiveTabStyle)}>
+      <ReceiveItem
+        address={btcAddressNativeSegwit}
+        icon={<BtcAvatarIcon />}
+        dataTestId={HomePageSelectors.ReceiveBtcNativeSegwitQrCodeBtn}
+        onCopyAddress={async () => {
+          await copyToClipboard(btcAddressNativeSegwit);
+          toast.success('Copied to clipboard!');
+        }}
+        onClickQrCode={onClickQrBtc}
+        title="Bitcoin"
+      />
+      <ReceiveItem
+        address={stxAddress}
+        icon={<StxAvatarIcon />}
+        dataTestId={HomePageSelectors.ReceiveStxQrCodeBtn}
+        onCopyAddress={async () => {
+          await copyToClipboard(stxAddress);
+          toast.success('Copied to clipboard!');
+        }}
+        onClickQrCode={onClickQrStx}
+        title="Stacks"
+      />
+      <ReceiveItem
+        address={btcAddressTaproot}
+        icon={<Brc20AvatarIcon />}
+        dataTestId={HomePageSelectors.ReceiveBtcTaprootQrCodeBtn}
+        onCopyAddress={async () => {
+          await copyToClipboard(btcAddressTaproot);
+          toast.success('Copied to clipboard!');
+        }}
+        onClickQrCode={onClickQrOrdinal}
+        title="BRC-20"
+      />
+      <ReceiveItem
+        address={btcAddressNativeSegwit}
+        icon={<Src20AvatarIcon />}
+        onClickQrCode={onClickQrStamp}
+        onCopyAddress={async () => {
+          await copyToClipboard(btcAddressNativeSegwit);
+          toast.success('Copied to clipboard!');
+        }}
+        title="SRC-20"
+      />
 
+      <ReceiveItem
+        address={btcAddressNativeSegwit}
+        icon={<RunesAvatarIcon />}
+        onClickQrCode={onClickQrStamp}
+        onCopyAddress={async () => {
+          await copyToClipboard(btcAddressNativeSegwit);
+          toast.success('Copied to clipboard!');
+        }}
+        title="Runes Segwit"
+      />
+      <ReceiveItem
+        address={btcAddressTaproot}
+        icon={<RunesAvatarIcon />}
+        onClickQrCode={onClickQrStamp}
+        onCopyAddress={async () => {
+          await copyToClipboard(btcAddressTaproot);
+          toast.success('Copied to clipboard!');
+        }}
+        title="Runes Taproot"
+      />
+      {receivableAssets.map(asset => (
         <ReceiveItem
-          address={btcAddressNativeSegwit}
-          icon={<RunesAvatarIcon />}
-          onClickQrCode={onClickQrStamp}
-          onCopyAddress={async () => {
-            await copyToClipboard(btcAddressNativeSegwit);
-            toast.success('Copied to clipboard!');
-          }}
-          title="Runes Segwit"
-        />
-        <ReceiveItem
-          address={btcAddressTaproot}
-          icon={<RunesAvatarIcon />}
-          onClickQrCode={onClickQrStamp}
+          key={asset.name}
+          address={asset.address}
+          icon={
+            <Avatar.Root>
+              <Avatar.Image alt={asset.fallback} src={asset.icon} />
+              <Avatar.Fallback delayMs={defaultFallbackDelay}>{asset.fallback}</Avatar.Fallback>
+            </Avatar.Root>
+          }
+          // onClickQrCode={() => null}
           onCopyAddress={async () => {
-            await copyToClipboard(btcAddressTaproot);
+            await copyToClipboard(asset.address);
             toast.success('Copied to clipboard!');
           }}
-          title="Runes Taproot"
+          title={asset.name}
         />
-      </Stack>
-    </SwapProvider>
+      ))}
+    </Stack>
   );
 }
diff --git a/tests/page-object-models/home.page.ts b/tests/page-object-models/home.page.ts
@@ -56,9 +56,10 @@ export class HomePage {
     await this.page.getByTestId(HomePageSelectors.ReceiveCryptoAssetBtn).click();
   }
 
-  async goToSwapPage() {
-    await this.page.getByTestId(HomePageSelectors.SwapBtn).click();
-  }
+  // No tests use this
+  // async goToSwapPage() {
+  //   await this.page.getByTestId(HomePageSelectors.SwapBtn).click();
+  // }
 
   // Open issue with Playwright's ability to copyToClipboard from legacy tests:
   // https://github.com/microsoft/playwright/issues/8114#issuecomment-1103317576

diff --git a/tests/specs/receive/receive.spec.ts b/tests/specs/receive/receive.spec.ts
@@ -0,0 +1,34 @@
+import {
+  TEST_ACCOUNT_1_NATIVE_SEGWIT_ADDRESS,
+  TEST_ACCOUNT_1_STX_ADDRESS,
+  TEST_ACCOUNT_1_TAPROOT_ADDRESS,
+} from '@tests/mocks/constants';
+
+import { test } from '../../fixtures/fixtures';
+
+test.describe('Receive Dialog: Address generation', () => {
+  test.beforeEach(async ({ extensionId, globalPage, onboardingPage, homePage }) => {
+    await globalPage.setupAndUseApiCalls(extensionId);
+    await onboardingPage.signInExistingUser();
+    await homePage.goToReceiveDialog();
+  });
+
+  test.describe('Bitcoin', () => {
+    test('that the wallet generates the correct Native Segwit address', async ({ homePage }) => {
+      const nativeSegwitAddress = await homePage.getReceiveNativeSegwitAddress();
+      test.expect(nativeSegwitAddress).toEqual(TEST_ACCOUNT_1_NATIVE_SEGWIT_ADDRESS);
+    });
+
+    test('that the wallet generates the correct Taproot address', async ({ homePage }) => {
+      const taprootAddress = await homePage.getReceiveTaprootAddress();
+      test.expect(taprootAddress).toEqual(TEST_ACCOUNT_1_TAPROOT_ADDRESS);
+    });
+  });
+
+  test.describe('Stacks', () => {
+    test('that restoring a wallet generates the correct stacks address', async ({ homePage }) => {
+      const stacksAddress = await homePage.getReceiveStxAddress();
+      test.expect(stacksAddress).toEqual(TEST_ACCOUNT_1_STX_ADDRESS);
+    });
+  });
+});