Update tests and jest snapshots

oasisprotocol · Jul 3, 2024 · 533c2fb · 533c2fb
1 parent 7df5861
commit 533c2fb
Show file tree

Hide file tree

Showing 11 changed files with 579 additions and 795 deletions.
diff --git a/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap b/src/app/pages/AccountPage/__tests__/__snapshots__/index.test.tsx.snap
diff --git a/src/app/pages/AccountPage/__tests__/index.test.tsx b/src/app/pages/AccountPage/__tests__/index.test.tsx
@@ -90,8 +90,6 @@ describe('<AccountPage  />', () => {
     expect(balance).toHaveTextContent('-')
     const balanceSummary = await screen.findByTestId('account-balance-summary')
     expect(balanceSummary.textContent).toMatchSnapshot()
-    const tabs = await screen.findByRole('navigation')
-    expect(tabs.textContent).toMatchSnapshot()
   })
 
   it('should sum total balance without losing precision', async () => {

diff --git a/src/app/pages/StakingPage/Features/DelegationList/ActiveDelegationList.tsx b/src/app/pages/StakingPage/Features/DelegationList/ActiveDelegationList.tsx
@@ -14,9 +14,11 @@ export const ActiveDelegationList = () => {
   return (
     <>
       <StakeSubnavigation />
-      <Box pad="medium" background="background-front">
-        <Header>{t('delegations.activeDelegations', 'Active delegations')}</Header>
-        <DelegationList type="active" delegations={delegations ?? []} />
+      <Box as="section" data-testid="active-delegations">
+        <Box pad="medium" background="background-front">
+          <Header>{t('delegations.activeDelegations', 'Active delegations')}</Header>
+          <DelegationList type="active" delegations={delegations ?? []} />
+        </Box>
       </Box>
     </>
   )

diff --git a/src/app/pages/StakingPage/Features/DelegationList/DebondingDelegationList.tsx b/src/app/pages/StakingPage/Features/DelegationList/DebondingDelegationList.tsx
@@ -14,9 +14,11 @@ export const DebondingDelegationList = () => {
   return (
     <>
       <StakeSubnavigation />
-      <Box pad="medium" background="background-front">
-        <Header>{t('delegations.debondingDelegations', 'Debonding delegations')}</Header>
-        <DelegationList type="debonding" delegations={delegations ?? []} />
+      <Box as="section" data-testid="debonding-delegations">
+        <Box pad="medium" background="background-front">
+          <Header>{t('delegations.debondingDelegations', 'Debonding delegations')}</Header>
+          <DelegationList type="debonding" delegations={delegations ?? []} />
+        </Box>
       </Box>
     </>
   )

diff --git a/src/app/pages/StakingPage/Features/DelegationList/__tests__/ActiveDelegationList.test.tsx b/src/app/pages/StakingPage/Features/DelegationList/__tests__/ActiveDelegationList.test.tsx
@@ -6,12 +6,15 @@ import { ActiveDelegationList } from '../ActiveDelegationList'
 import { configureAppStore } from 'store/configureStore'
 import { stakingActions } from 'app/state/staking'
 import { ThemeProvider } from '../../../../../../styles/theme/ThemeProvider'
+import { MemoryRouter } from 'react-router-dom'
 
 const renderComponent = (store: any) =>
   render(
     <Provider store={store}>
       <ThemeProvider>
-        <ActiveDelegationList />
+        <MemoryRouter>
+          <ActiveDelegationList />
+        </MemoryRouter>
       </ThemeProvider>
     </Provider>,
   )
@@ -24,7 +27,7 @@ describe('<ActiveDelegationList  />', () => {
   })
 
   it('should match snapshot', () => {
-    const component = renderComponent(store)
+    renderComponent(store)
     act(() => {
       store.dispatch(
         stakingActions.updateDelegations({
@@ -49,7 +52,7 @@ describe('<ActiveDelegationList  />', () => {
       )
     })
 
-    expect(component.baseElement).toMatchSnapshot()
+    expect(screen.getByTestId('active-delegations')).toMatchSnapshot()
 
     expect(screen.getByText('7%')).toBeInTheDocument()
     expect(screen.queryByText('7.000000000000001%')).not.toBeInTheDocument()

diff --git a/src/app/pages/StakingPage/Features/DelegationList/__tests__/DebondingDelegationList.test.tsx b/src/app/pages/StakingPage/Features/DelegationList/__tests__/DebondingDelegationList.test.tsx
@@ -8,12 +8,15 @@ import { DebondingDelegationList } from '../DebondingDelegationList'
 import { configureAppStore } from 'store/configureStore'
 import { stakingActions } from 'app/state/staking'
 import { ThemeProvider } from '../../../../../../styles/theme/ThemeProvider'
+import { MemoryRouter } from 'react-router-dom'
 
 const renderComponent = (store: any) =>
   render(
     <Provider store={store}>
       <ThemeProvider>
-        <DebondingDelegationList />
+        <MemoryRouter>
+          <DebondingDelegationList />
+        </MemoryRouter>
       </ThemeProvider>
     </Provider>,
   )
@@ -52,7 +55,7 @@ describe('<DebondingDelegationList  />', () => {
       )
     })
 
-    expect(component.baseElement).toMatchSnapshot()
+    expect(screen.getByTestId('debonding-delegations')).toMatchSnapshot()
   })
 
   it('should expand and display the delegation on click', async () => {