You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.1 KiB
React
42 lines
1.1 KiB
React
3 years ago
|
import React from 'react'
|
||
|
|
import { render, screen } from '@testing-library/react'
|
||
|
|
import axiosMock from 'axios'
|
||
|
|
import { act } from 'react-dom/test-utils'
|
||
|
|
import '@testing-library/jest-dom/extend-expect'
|
||
|
|
import App from '../src/App'
|
||
|
|
|
||
|
|
jest.mock('axios')
|
||
|
|
|
||
|
|
describe('<App />', () => {
|
||
|
|
it('fetches data', async () => {
|
||
|
|
axiosMock.get.mockResolvedValueOnce(
|
||
|
|
{
|
||
|
|
data: {
|
||
|
|
results: [{ url: 'https://pokeapi.co/api/v2/pokemon/1/', name: 'bulbasaur', id: 1 }]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
)
|
||
|
|
await act(async () => {
|
||
|
|
render(<App />)
|
||
|
|
})
|
||
|
|
expect(axiosMock.get).toHaveBeenCalledTimes(1)
|
||
|
|
expect(axiosMock.get).toHaveBeenCalledWith('https://pokeapi.co/api/v2/pokemon/?limit=784')
|
||
|
|
})
|
||
|
|
|
||
|
|
it('shows LoadingSpinner', async () => {
|
||
|
|
axiosMock.get.mockResolvedValueOnce({})
|
||
|
|
await act(async () => {
|
||
|
|
const { getByAltText } = render(<App />)
|
||
|
|
expect(getByAltText('Loading...')).toBeVisible()
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('shows error', async () => {
|
||
|
|
axiosMock.get.mockRejectedValueOnce(new Error())
|
||
|
|
await act(async () => {
|
||
|
|
render(<App />)
|
||
|
|
})
|
||
|
|
expect(screen.getByTestId('error')).toBeVisible()
|
||
|
|
})
|
||
|
|
})
|