fix tests

Author: mvadari

src/containers/Accounts/AccountNFTTable/test/AccountNFTTable.test.tsx

@@ -1,5 +1,4 @@
-import { render, screen, cleanup } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
+import { render, screen, cleanup, fireEvent } from '@testing-library/react'
 import { QueryClientProvider } from 'react-query'
 import { I18nextProvider } from 'react-i18next'
 import { BrowserRouter } from 'react-router-dom'
@@ -84,7 +83,8 @@ describe('AccountNFTTable component', () => {
     expect(columns[1]).toHaveTextContent(`rGymBL8Huct6euA8jtEcLagYXpRgQKh6EC`)
     expect(columns[2]).toHaveTextContent(`0`)
     expect(screen.getByRole('button')).toBeDefined()
-    userEvent.click(screen.getByRole('button'))
+    fireEvent.click(screen.getByRole('button'))
+    expect(mockedGetAccountNFTs).toHaveBeenCalledTimes(2)
     expect(mockedGetAccountNFTs.mock.calls[1][2]).toEqual('hello')
   })
 

src/containers/Accounts/AccountTransactionTable/test/AccountTransactionTable.test.tsx

@@ -1,5 +1,4 @@
-import { cleanup, render, screen } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
+import { cleanup, fireEvent, render, screen } from '@testing-library/react'
 import i18n from '../../../../i18n/testConfig'
 import { AccountTransactionTable } from '../index'
 import TEST_TRANSACTIONS_DATA from './mockTransactions.json'
@@ -62,7 +61,7 @@ describe('AccountTransactionsTable container', () => {
     expect(screen.getAllByRole('link')).toHaveLength(60)
 
     const button = screen.getByRole('button')
-    userEvent.click(button)
+    fireEvent.click(button)
     expect(getAccountTransactions).toHaveBeenCalledWith(
       TEST_ACCOUNT_ID,
       undefined,
@@ -107,7 +106,7 @@ describe('AccountTransactionsTable container', () => {
     expect(screen.getAllByRole('link')).toHaveLength(60)
 
     const button = screen.getByRole('button')
-    userEvent.click(button)
+    fireEvent.click(button)
     expect(getAccountTransactions).toHaveBeenCalledWith(
       TEST_ACCOUNT_ID,
       undefined,

src/containers/Header/NetworkPicker/NetworkPicker.tsx

@@ -142,7 +142,6 @@ export const NetworkPicker = () => {
           : networkPickerTitle
       }
       className={`network network-${currentMode}`}
-      data-testid="dropdown"
     >
       <>
         {networks.map(({ network, title, url = '' }) => {

src/containers/shared/components/Dropdown/test/Dropdown.test.tsx

@@ -1,5 +1,4 @@
-import { cleanup, render, screen } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
+import { cleanup, fireEvent, render, screen } from '@testing-library/react'
 import { Dropdown } from '../Dropdown'
 
 describe('Dropdown', () => {
@@ -49,10 +48,11 @@ describe('Dropdown', () => {
   it('shows menu when clicking toggle', () => {
     render(<Dropdown title="Woo">Menu Contents</Dropdown>)
     expect(screen.getByTestId('dropdown')).not.toHaveClass('dropdown-expanded')
+    screen.debug()
     const button = screen.getByRole('button')
-    userEvent.click(button)
+    fireEvent.click(button)
     expect(screen.getByTestId('dropdown')).toHaveClass('dropdown-expanded')
-    userEvent.click(button)
+    fireEvent.click(button)
     expect(screen.getByTestId('dropdown')).not.toHaveClass('dropdown-expanded')
   })
 
@@ -72,9 +72,9 @@ describe('Dropdown', () => {
 
     const child = screen.getAllByRole('button')[0]
     const outside = screen.getAllByRole('button')[1]
-    userEvent.click(child)
+    fireEvent.click(child)
     expect(screen.getByTestId('dropdown')).toHaveClass('dropdown-expanded')
-    userEvent.click(outside)
+    fireEvent.click(outside)
     expect(screen.getByTestId('dropdown')).not.toHaveClass('dropdown-expanded')
   })
 
@@ -86,7 +86,7 @@ describe('Dropdown', () => {
     expect(toggle).toHaveAttribute('tabIndex', '0')
     expect(menu).toHaveAttribute('role', 'menu')
     expect(menu).toHaveAttribute('tabIndex', '0')
-    userEvent.click(toggle)
+    fireEvent.click(toggle)
     expect(toggle).toHaveAttribute('aria-expanded', 'true')
     expect(menu).toHaveAttribute('aria-hidden', 'false')
   })

src/containers/shared/components/Dropdown/test/DropdownItem.test.tsx

@@ -1,5 +1,4 @@
-import { cleanup, render, screen } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
+import { cleanup, fireEvent, render, screen } from '@testing-library/react'
 import { DropdownItem } from '../DropdownItem'
 import createSpy = jasmine.createSpy
 
@@ -27,12 +26,12 @@ describe('DropdownItem', () => {
     })
 
     it('executes handler on click', () => {
-      userEvent.click(item)
+      fireEvent.click(item)
       expect(handler).toHaveBeenCalled()
     })
 
     it('executes handler on keyup', () => {
-      userEvent.click(item)
+      fireEvent.click(item)
       expect(handler).toHaveBeenCalled()
     })
   })