콘요맘떼 개발일지

  • 홈
  • 태그
  • 방명록

jest nextTick 1

[Jest] 비동기 코드 테스트하기 (Jest testing with Asynchronous codes)

코드를 테스트하다보면 비동기 코드 역시 테스트의 범위에 포함되는 순간이 온다. 그런데 일반적인 자바스크립트 코드가 실행될 때와 마찬가지로 Jest로 작성한 테스트 코드 역시 비동기 코드를 처리하기 위해서는 추가적인 작업이 필요하다. 다음과 같은 간단한 예시를 생각해보자. 1) A라는 버튼 컴포넌트를 테스트한다. 2) A버튼을 누르면 비동기로 어떠한 작업이 처리된다. 3-1) 해당 작업이 성공하면 성공했을 때의 콜백을 실행한다. 4-1) 해당 작업이 실패하면 실패했을 때의 콜백을 실행한다. 테스트도 그렇게 어려워보이지는 않는다. mocking을 통해 비동기 작업의 결과를 지정한 다음 각각의 경우에 callback 함수가 실행되는지 여부를 검사하면 될 것이다. 그런데 막상 각 콜백 함수를 toBeCalled..

프론트엔드 기본개념 복습/테스트코드 2022.04.14
이전
1
다음
더보기
프로필사진

콘요맘떼 개발일지

  • 분류 전체보기 (135)
    • 모바일 이야기 (8)
    • 잡다한 교훈 (17)
    • Git 공부 (1)
    • 알고리즘, 자료구조 공부 (6)
    • CS 공부 (11)
    • 프론트엔드 테크면접 준비 (3)
    • 프론트엔드 기본개념 복습 (66)
      • HTML (5)
      • CSS (14)
      • Javascript (18)
      • React (12)
      • Webpack (0)
      • Redux (1)
      • Typescript (7)
      • 테스트코드 (5)
    • 독서 (12)
      • 클린코드 (10)
      • 이펙티브 타입스크립트 (2)
    • 프로젝트 (잡다한) (3)
    • 아키텍쳐 (2)
    • 일상 (1)

Tag

Lazy Loading, 노개북, 리액트 훅, 함수형 프로그래밍, http, JavaScript, 리액트, 멀티 스레드, React, css, react query, @testing-library, 노마드코더, 자바스크립트, jest, React Hook, 실행 컨텍스트, 북클럽, proxy, 자료구조,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바