From 0a253d5f35873087f40e440a85f91386cbe33529 Mon Sep 17 00:00:00 2001 From: iamacook Date: Thu, 23 Nov 2023 12:27:13 +0100 Subject: [PATCH] fix: tests --- .../dashboard/RecoveryHeader/index.test.tsx | 51 +++++++++------ .../recovery/RecoveryModal/index.test.tsx | 65 ++++++++++++------- 2 files changed, 71 insertions(+), 45 deletions(-) diff --git a/src/components/dashboard/RecoveryHeader/index.test.tsx b/src/components/dashboard/RecoveryHeader/index.test.tsx index c1dc830935..5e82d231f9 100644 --- a/src/components/dashboard/RecoveryHeader/index.test.tsx +++ b/src/components/dashboard/RecoveryHeader/index.test.tsx @@ -2,56 +2,65 @@ import { BigNumber } from 'ethers' import { _RecoveryHeader } from '.' import { render } from '@/tests/test-utils' -import type { RecoveryQueueItem } from '@/components/recovery/RecoveryContext' +import { RecoveryContext } from '@/components/recovery/RecoveryContext' describe('RecoveryHeader', () => { it('should not render a widget if the chain does not support recovery', () => { + const queue = [{ validFrom: BigNumber.from(0) }] as any + const { container } = render( - <_RecoveryHeader - isOwner - isGuardian - queue={[{ validFrom: BigNumber.from(0) } as RecoveryQueueItem]} - supportsRecovery={false} - />, + + <_RecoveryHeader isOwner isGuardian queue={queue} supportsRecovery={false} /> + , ) expect(container).toBeEmptyDOMElement() }) it('should render the in-progress widget if there is a queue for guardians', () => { + const queue = [{ validFrom: BigNumber.from(0) }] as any + const { queryByText } = render( - <_RecoveryHeader - isOwner={false} - isGuardian - queue={[{ validFrom: BigNumber.from(0) } as RecoveryQueueItem]} - supportsRecovery - />, + + <_RecoveryHeader isOwner={false} isGuardian queue={queue} supportsRecovery /> + , ) expect(queryByText('Account recovery in progress')).toBeTruthy() }) it('should render the in-progress widget if there is a queue for owners', () => { + const queue = [{ validFrom: BigNumber.from(0) }] as any + const { queryByText } = render( - <_RecoveryHeader - isOwner - isGuardian={false} - queue={[{ validFrom: BigNumber.from(0) } as RecoveryQueueItem]} - supportsRecovery - />, + + <_RecoveryHeader isOwner isGuardian={false} queue={queue} supportsRecovery /> + , ) expect(queryByText('Account recovery in progress')).toBeTruthy() }) it('should render the proposal widget when there is no queue for guardians', () => { - const { queryByText } = render(<_RecoveryHeader isOwner={false} isGuardian queue={[]} supportsRecovery />) + const queue = [] as any + + const { queryByText } = render( + + <_RecoveryHeader isOwner={false} isGuardian queue={queue} supportsRecovery /> + , + ) expect(queryByText('Recover this Account')).toBeTruthy() }) it('should not render the proposal widget when there is no queue for owners', () => { - const { container } = render(<_RecoveryHeader isOwner isGuardian={false} queue={[]} supportsRecovery />) + const queue = [] as any + + const { container } = render( + + <_RecoveryHeader isOwner isGuardian={false} queue={queue} supportsRecovery /> + , + ) expect(container).toBeEmptyDOMElement() }) diff --git a/src/components/recovery/RecoveryModal/index.test.tsx b/src/components/recovery/RecoveryModal/index.test.tsx index c17a10f27d..5e82d54aad 100644 --- a/src/components/recovery/RecoveryModal/index.test.tsx +++ b/src/components/recovery/RecoveryModal/index.test.tsx @@ -8,6 +8,7 @@ import { safeInfoBuilder } from '@/tests/builders/safe' import { connectedWalletBuilder } from '@/tests/builders/wallet' import * as safeInfo from '@/hooks/useSafeInfo' import { _useDidDismissProposal } from './index' +import { RecoveryContext } from '@/components/recovery/RecoveryContext' import type { RecoveryQueueItem } from '@/components/recovery/RecoveryContext' describe('RecoveryModal', () => { @@ -27,9 +28,11 @@ describe('RecoveryModal', () => { const queue = [{ validFrom: BigNumber.from(0) } as RecoveryQueueItem] const { queryByText } = render( - <_RecoveryModal wallet={wallet} isOwner={false} isGuardian={false} queue={queue}> - Test - , + + <_RecoveryModal wallet={wallet} isOwner={false} isGuardian={false} queue={queue}> + Test + + , ) expect(queryByText('Test')).toBeTruthy() @@ -41,9 +44,11 @@ describe('RecoveryModal', () => { const queue = [] as Array const { queryByText } = render( - <_RecoveryModal wallet={wallet} isOwner={false} isGuardian queue={queue}> - Test - , + + <_RecoveryModal wallet={wallet} isOwner={false} isGuardian queue={queue}> + Test + + , ) expect(queryByText('Test')).toBeTruthy() @@ -55,9 +60,11 @@ describe('RecoveryModal', () => { const queue = [] as Array const { queryByText } = render( - <_RecoveryModal wallet={wallet} isOwner isGuardian={false} queue={queue}> - Test - , + + <_RecoveryModal wallet={wallet} isOwner isGuardian={false} queue={queue}> + Test + + , ) expect(queryByText('Test')).toBeTruthy() @@ -69,9 +76,11 @@ describe('RecoveryModal', () => { const queue = [{ validFrom: BigNumber.from(0) } as RecoveryQueueItem] const { queryByText } = render( - <_RecoveryModal wallet={wallet} isOwner={false} isGuardian queue={queue}> - Test - , + + <_RecoveryModal wallet={wallet} isOwner={false} isGuardian queue={queue}> + Test + + , ) expect(queryByText('Test')).toBeTruthy() @@ -83,9 +92,11 @@ describe('RecoveryModal', () => { const queue = [{ validFrom: BigNumber.from(0) } as RecoveryQueueItem] const { queryByText } = render( - <_RecoveryModal wallet={wallet} isOwner isGuardian={false} queue={queue}> - Test - , + + <_RecoveryModal wallet={wallet} isOwner isGuardian={false} queue={queue}> + Test + + , ) expect(queryByText('Test')).toBeTruthy() @@ -97,9 +108,11 @@ describe('RecoveryModal', () => { const queue = [] as Array const { queryByText } = render( - <_RecoveryModal wallet={wallet} isOwner={false} isGuardian queue={queue}> - Test - , + + <_RecoveryModal wallet={wallet} isOwner={false} isGuardian queue={queue}> + Test + + , ) expect(queryByText('Test')).toBeTruthy() @@ -111,9 +124,11 @@ describe('RecoveryModal', () => { const queue = [] as Array const { queryByText } = render( - <_RecoveryModal wallet={wallet} isOwner isGuardian={false} queue={queue}> - Test - , + + <_RecoveryModal wallet={wallet} isOwner isGuardian={false} queue={queue}> + Test + + , ) expect(queryByText('Test')).toBeTruthy() @@ -136,9 +151,11 @@ describe('RecoveryModal', () => { const queue = [{ validFrom: BigNumber.from(0), transactionHash: faker.string.hexadecimal() } as RecoveryQueueItem] const { queryByText } = render( - <_RecoveryModal wallet={wallet} isOwner isGuardian={false} queue={queue}> - Test - , + + <_RecoveryModal wallet={wallet} isOwner isGuardian={false} queue={queue}> + Test + + , ) expect(queryByText('Test')).toBeTruthy()