fixes

src/components/@molecules/EditResolver/EditResolverForm.test.tsx

@@ -2,18 +2,10 @@ import { fireEvent, render, screen, waitFor } from '@app/test-utils'
 
 import { describe, expect, it, vi } from 'vitest'
 
+import { makeMockIntersectionObserver } from '../../../../test/mock/makeMockIntersectionObserver'
 import EditResolverForm, { Props } from './EditResolverForm'
 
-// Mock IntersectionObserver
-class IntersectionObserver {
-  constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit) {}
-  observe() {}
-  unobserve() {}
-  disconnect() {}
-}
-
-// @ts-ignore
-global.IntersectionObserver = IntersectionObserver
+makeMockIntersectionObserver()
 
 vi.mock('@app/hooks/chain/useChainName', () => ({
   useChainName: vi.fn().mockReturnValue('mainnet'),
@@ -46,14 +38,14 @@ describe('EditResolverForm', () => {
   const defaultProps: Props = {
     lastestResolverAddress,
     isResolverAddressLatest: false,
-    register: mockRegister as Props['register'],
-    handleSubmit: mockHandleSubmit as Props['handleSubmit'],
-    reset: mockReset as Props['reset'],
-    trigger: mockTrigger as Props['trigger'],
-    watch: mockWatch as Props['watch'],
-    getFieldState: mockGetFieldState as Props['getFieldState'],
+    register: mockRegister,
+    handleSubmit: mockHandleSubmit,
+    reset: mockReset,
+    trigger: mockTrigger,
+    watch: mockWatch,
+    getFieldState: mockGetFieldState,
     resolverChoice: 'latest',
-    setValue: mockSetValue as Props['setValue'],
+    setValue: mockSetValue,
     customResolver: '',
     resolverWarnings: [],
     hasErrors: false,

src/components/@molecules/FaucetBanner.test.tsx

@@ -4,20 +4,12 @@ import { describe, expect, it, vi } from 'vitest'
 
 import useFaucet from '@app/hooks/useFaucet'
 
+import { makeMockIntersectionObserver } from '../../../test/mock/makeMockIntersectionObserver'
 import FaucetBanner from './FaucetBanner'
 
 const chainName = 'goerli'
 
-// Mock IntersectionObserver
-class IntersectionObserver {
-  constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit) {}
-  observe() {}
-  unobserve() {}
-  disconnect() {}
-}
-
-// @ts-ignore
-global.IntersectionObserver = IntersectionObserver
+makeMockIntersectionObserver()
 
 vi.mock('next/router', async () => await vi.importActual('next-router-mock'))
 

src/components/@molecules/FaucetBanner.tsx

@@ -51,13 +51,13 @@ const msToDays = (ms: number) => Math.floor(ms / 1000 / 60 / 60 / 24)
 const chainEthTicker = (chainName: string) => `${chainName.slice(0, 2)}ETH`
 
 const useDialogState = () => {
-  const [isOpen, setOpen] = useState(false)
+  const [open, setOpen] = useState(false)
 
   const closeDialog = () => setOpen(false)
   const openDialog = () => setOpen(true)
 
   return {
-    isOpen,
+    open,
     openDialog,
     closeDialog,
   }
@@ -77,7 +77,7 @@ const FaucetBanner = () => {
 
   const dialogStage = isSuccess ? 'success' : 'default'
 
-  const { isOpen: dialogOpen, closeDialog, openDialog } = useDialogState()
+  const { open: dialogOpen, closeDialog, openDialog } = useDialogState()
 
   const amount = useMemo(() => getAmountFromHex(data?.amount || '0x0'), [data?.amount])
 

src/components/TabBar.test.tsx

@@ -26,7 +26,7 @@ vi.mock('@app/hooks/ensjs/public/usePrimaryName', () => ({
 
 const mockUseAccountSafely = mockFunction(useAccountSafely)
 const mockUseBreakpoint = mockFunction(useBreakpoint)
-const mockUsePrimary = vi.fn().mockImplementation(({}) => {
+const mockUsePrimary = vi.fn().mockImplementation(() => {
   return {
     data: { beautifiedName: 'test.eth', name: 'test.eth' },
     isLoading: false,