fix: manage tokens toggle, closes #5974

leather-io · Nov 25, 2024 · b515bd9 · b515bd9
1 parent 359a17d
commit b515bd9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/app/components/crypto-asset-item/crypto-asset-item-toggle.tsx b/src/app/components/crypto-asset-item/crypto-asset-item-toggle.tsx
@@ -43,13 +43,18 @@ export function CryptoAssetItemToggle({
     });
   }
 
+  function onClick() {
+    switchRef.current?.click();
+  }
+
   const toggle = (
     <VStack h="100%" justifyContent="center">
       <Switch.Root
         ref={switchRef}
         defaultChecked={isCheckedByDefault}
         onCheckedChange={handleSelection}
         id={assetId}
+        onClick={onClick}
       >
         <Switch.Thumb />
       </Switch.Root>
@@ -58,7 +63,7 @@ export function CryptoAssetItemToggle({
 
   return (
     <Box my="space.02">
-      <Pressable onClick={() => switchRef.current?.click()} data-testid={sanitize(assetId)}>
+      <Pressable onClick={onClick} data-testid={sanitize(assetId)}>
         <ItemLayout
           img={icon}
           titleLeft={spamFilter(titleLeft)}

diff --git a/tests/specs/manage-tokens/manage-tokens.spec.ts b/tests/specs/manage-tokens/manage-tokens.spec.ts
@@ -7,6 +7,7 @@ test.describe('Manage tokens', () => {
   test.beforeEach(async ({ extensionId, globalPage, onboardingPage }) => {
     await globalPage.setupAndUseApiCalls(extensionId);
     await onboardingPage.signInWithTestAccount(extensionId);
+    await globalPage.page.waitForLoadState('networkidle');
   });
 
   test('that supported sip10 token is shown', async ({ homePage }) => {