기분따라 코딩
  • 태그
  • 방명록
  • HTML
  • CSS
  • Javascript
  • React.js
  • Node.js
    • 분류 전체보기 (77)
      • HTML (8)
      • CSS (16)
      • Javascript (14)
      • React.js (11)
      • Node.js (7)
      • Python (4)
      • Database (2)
      • DevOps (1)
      • Log (2)
      • Info (6)
      • 정보처리기사 (6)
  • 메뉴 닫기
리액트 테스트 코드 검색 결과
1 개의 검색 결과가 있습니다.
React.js

Jest + react testing library로 react 테스트 코드 작성하기

무엇을 테스트할까? React 컴포넌트의 인터페이스와 렌더링, 유저와의 상호작용 이후에 변화하는 데이터(상태) 그리고 네비게이팅과 라우터 경로에 따른 렌더링 테스트를 할 것입니다. UI 컴포넌트 테스트는 매우 상당히 복잡합니다. 우선, 조건에 따른 렌더링을 테스트합니다. props와 state가 조건으로 주어지며, 더 넓게 보면 브라우저의 종류와 viewport의 크기도 조건으로 고려합니다. 그리고, 유저에게 인터페이스를 제공하기 때문에 유저가 UI에 할 수 있는 모든 행동 시나리오를 테스트합니다. 이 경우 네이밍이나 단언 컨벤션은 TDD가 아닌 BDD를 따르는 것이 좋습니다. 보편 언어(Ubiquitous Language)를 사용하여 비개발자도 읽을 수 있도록 유저 입장에서 시나리오를 작성하는 것입니다..

2022. 7. 4. 08:00
  • «
  • 1
  • »

전체 카테고리

  • 분류 전체보기 (77)
    • HTML (8)
    • CSS (16)
    • Javascript (14)
    • React.js (11)
    • Node.js (7)
    • Python (4)
    • Database (2)
    • DevOps (1)
    • Log (2)
    • Info (6)
    • 정보처리기사 (6)

방문자

오늘
어제
전체
  • 최근 글
  • 최근 댓글

최근 글

최근댓글

태그

  • #태그
  • #웹개발
  • #만들기
  • #기초
  • #selector
  • #프로미스
  • #정보처리기사
  • #요약 정리
  • #javascript
  • #로버트 C. 마틴
  • #redux toolkit
  • #Node.js
  • #채팅 웹 만들기
  • #핵심
  • #Express
  • #form
  • #Table
  • #필기
  • #CSS
  • #react
  • #자바스크립트
  • #모듈
  • #html
  • #웹소켓
  • #레이아웃
  • #socket.io
  • #개정판
  • #react testing library
  • #layout
  • #기출문제
더보기+

블로그 인기글

Powered by Privatenote/라이프코리아 Copyright © 기분따라 코딩 All rights reserved. TistoryWhaleSkin3.4

티스토리툴바