From 25ea9f0bfabcde8eab81b37b356a4d504a36b964 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 14 Mar 2024 13:29:08 +0000
Subject: [PATCH] update tests

---
 src/features/Web3/components/Preview/Data.tsx          |  2 +-
 .../Web3/hooks/useFetchTokens/useFetchTokens.test.tsx  |  3 ++-
 test/__mocks__/wagmi/index.ts                          | 10 ++++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/features/Web3/components/Preview/Data.tsx b/src/features/Web3/components/Preview/Data.tsx
index d156e4b0..d93d11b6 100644
--- a/src/features/Web3/components/Preview/Data.tsx
+++ b/src/features/Web3/components/Preview/Data.tsx
@@ -22,7 +22,7 @@ export function Data({
 
   const networkName = chains.filter(
     (chain) => chain.id === selectedToken?.chainId
-  )[0].name
+  )?.[0]?.name
 
   return (
     <table className={styles.table} aria-disabled={isDisabled}>
diff --git a/src/features/Web3/hooks/useFetchTokens/useFetchTokens.test.tsx b/src/features/Web3/hooks/useFetchTokens/useFetchTokens.test.tsx
index 63de0ead..3a96460c 100644
--- a/src/features/Web3/hooks/useFetchTokens/useFetchTokens.test.tsx
+++ b/src/features/Web3/hooks/useFetchTokens/useFetchTokens.test.tsx
@@ -5,7 +5,8 @@ import { useFetchTokens } from './useFetchTokens'
 test('useFetchTokens does not fetch anything when no chain or address are present', async () => {
   vi.mock('wagmi', () => ({
     useChainId: () => undefined,
-    useAccount: () => ({ address: undefined })
+    useAccount: () => ({ address: undefined }),
+    useChains: () => [{ id: 1, name: 'mainnet' }]
   }))
 
   function TestComponent() {
diff --git a/test/__mocks__/wagmi/index.ts b/test/__mocks__/wagmi/index.ts
index 60e8569a..aef90fce 100644
--- a/test/__mocks__/wagmi/index.ts
+++ b/test/__mocks__/wagmi/index.ts
@@ -35,6 +35,16 @@ export function useChainId() {
   return 1
 }
 
+export function useChains() {
+  return [mainnet]
+}
+
+export function useSwitchChain() {
+  return {
+    switchChain: vi.fn()
+  }
+}
+
 export function useAccount() {
   return {
     address: '0x0000000000000000000000000000000000000000',