239 lines
6.3 KiB
JavaScript
239 lines
6.3 KiB
JavaScript
import React from 'react'
|
|
import { renderHook, act } from '@testing-library/react-hooks'
|
|
import { ApiProvider } from './provider'
|
|
import { useMenu } from './hooks'
|
|
import store from './store'
|
|
import init from './__mocks__/@skolplattformen/embedded-api'
|
|
import createStorage from './__mocks__/AsyncStorage'
|
|
import reporter from './__mocks__/reporter'
|
|
|
|
const pause = (ms = 0) => new Promise((r) => setTimeout(r, ms))
|
|
|
|
describe('useMenu(child)', () => {
|
|
let api
|
|
let storage
|
|
let response
|
|
let child
|
|
const wrapper = ({ children }) => (
|
|
<ApiProvider api={api} storage={storage} reporter={reporter}>
|
|
{children}
|
|
</ApiProvider>
|
|
)
|
|
beforeEach(() => {
|
|
response = [{ id: 1 }]
|
|
api = init()
|
|
api.getPersonalNumber.mockReturnValue('123')
|
|
api.getMenu.mockImplementation(
|
|
() =>
|
|
new Promise((res) => {
|
|
setTimeout(() => res(response), 50)
|
|
})
|
|
)
|
|
storage = createStorage(
|
|
{
|
|
'123_menu_10': [{ id: 2 }],
|
|
},
|
|
2
|
|
)
|
|
child = { id: 10 }
|
|
})
|
|
afterEach(async () => {
|
|
await act(async () => {
|
|
await pause(70)
|
|
store.dispatch({ entity: 'ALL', type: 'CLEAR' })
|
|
})
|
|
})
|
|
it('returns correct initial value', () => {
|
|
const { result } = renderHook(() => useMenu(child), { wrapper })
|
|
|
|
expect(result.current.status).toEqual('pending')
|
|
})
|
|
it('calls api', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
const { waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(api.getMenu).toHaveBeenCalled()
|
|
})
|
|
})
|
|
it('only calls api once', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
renderHook(() => useMenu(child), { wrapper })
|
|
const { waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
renderHook(() => useMenu(child), { wrapper })
|
|
await waitForNextUpdate()
|
|
renderHook(() => useMenu(child), { wrapper })
|
|
await waitForNextUpdate()
|
|
|
|
const { result } = renderHook(() => useMenu(child), { wrapper })
|
|
|
|
expect(api.getMenu).toHaveBeenCalledTimes(1)
|
|
expect(result.current.status).toEqual('loaded')
|
|
})
|
|
})
|
|
it('calls cache', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
const { result, waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(result.current.data).toEqual([{ id: 2 }])
|
|
})
|
|
})
|
|
it('updates status to loading', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
const { result, waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(result.current.status).toEqual('loading')
|
|
})
|
|
})
|
|
it('updates status to loaded', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
const { result, waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(result.current.status).toEqual('loaded')
|
|
})
|
|
})
|
|
it('stores in cache if not fake', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
api.isFake = false
|
|
|
|
const { waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await pause(20)
|
|
|
|
expect(storage.cache['123_menu_10']).toEqual('[{"id":1}]')
|
|
})
|
|
})
|
|
it('does not store in cache if fake', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
api.isFake = true
|
|
|
|
const { waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await pause(20)
|
|
|
|
expect(storage.cache['123_menu_10']).toEqual('[{"id":2}]')
|
|
})
|
|
})
|
|
it('retries if api fails', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
const error = new Error('fail')
|
|
api.getMenu.mockRejectedValueOnce(error)
|
|
|
|
const { result, waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(result.current.error).toEqual(error)
|
|
expect(result.current.status).toEqual('loading')
|
|
expect(result.current.data).toEqual([{ id: 2 }])
|
|
|
|
jest.advanceTimersToNextTimer()
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(result.current.status).toEqual('loaded')
|
|
expect(result.current.data).toEqual([{ id: 1 }])
|
|
})
|
|
})
|
|
it('gives up after 3 retries', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
const error = new Error('fail')
|
|
api.getMenu.mockRejectedValueOnce(error)
|
|
api.getMenu.mockRejectedValueOnce(error)
|
|
api.getMenu.mockRejectedValueOnce(error)
|
|
|
|
const { result, waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(result.current.error).toEqual(error)
|
|
expect(result.current.status).toEqual('loading')
|
|
expect(result.current.data).toEqual([{ id: 2 }])
|
|
|
|
jest.advanceTimersToNextTimer()
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(result.current.error).toEqual(error)
|
|
expect(result.current.status).toEqual('error')
|
|
expect(result.current.data).toEqual([{ id: 2 }])
|
|
})
|
|
})
|
|
it('reports if api fails', async () => {
|
|
await act(async () => {
|
|
api.isLoggedIn = true
|
|
const error = new Error('fail')
|
|
api.getMenu.mockRejectedValueOnce(error)
|
|
|
|
const { result, waitForNextUpdate } = renderHook(() => useMenu(child), {
|
|
wrapper,
|
|
})
|
|
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
await waitForNextUpdate()
|
|
|
|
expect(result.current.error).toEqual(error)
|
|
|
|
expect(reporter.error).toHaveBeenCalledWith(
|
|
error,
|
|
'Error getting MENU from API'
|
|
)
|
|
})
|
|
})
|
|
})
|