Jest 테스팅 w/ JS Asynchronous

金秀·2021년 12월 6일
0
post-thumbnail

setting

예1

코드

axios 이용해서 data 가져옴

테스트 코드

시도1. 비동기코드(getting promise back!)이지만 일단 일반테스트처럼 써봄!


결과 fail recieved: {}

간단히 고치기 => async, await 넣기

mockAxios

call the codes 해줌!
코드에서

테스트코드에서

or mockAxios 이용하기

  • it will allow you to have an access to your mock!
  • mockAxios.get.mockImplementation(()=> Promise.resolve());
  • resolve 안에 쓰는 내용은 pretend value(mock data)
  • line 4-7까지 : 실제 func 대신 mock func data를 넣은 것임


=> shortened: .get.mockResolvalue()

mock.fn() 같이쓰는 matcher

toHaveBeenCalled()
toHaveBeenCalledTimes(number)

jest.clearALlMocks

  • afterEach(jest.clearAllMocks);

mock test 안전장치 => clear 해주기 otherwise, it would not work as the way I want it to work

references

https://www.youtube.com/watch?v=gA-uNj2FgdM

profile
기록하기

0개의 댓글