react ( Udemy강의 ) - 12. Testing React Apps

testing

     - Manual Testing : 수동적인 앱 테스팅, 브라우저 테스트

     - Automated Testing : 자동화된 테스팅, 추가적인 코드를 작성해 메인코드테스팅

 

Different Kinds Of Automated Test

     - Unit Tests ( 단위 테스트 ) : 애플리케이션의 가장 작은 단위에 대한 테스트 작성, 개별 함수들을 테스팅

                                          리엑트의 경우 일부 컴포넌트 테스팅

                                          애플리케이션의 모든 단위, 모든 함수 및 컴포넌트 테스트

     - Integration Tests ( 통합테스트 ) : 여러개의 구성 요소의 조합을 테스트

     - End-to-End (e2e) Tests ( 전 구간 테스트 ) : 애플리케이션의 전체 워크플로우를 테스트, 전체 시나리오

                                                             수동테스트를 자동화

 

What To Test

      What? + How?

      What? : 서로 다른 기본 구성요소를 테스트, 작은 구성요소들을 테스트

      How? : 발생할 수 있는 성공 및 오류 사례를 테스트

 

---

- 리엑트 앱에서는 리엑트 앱과 컴포넌트들을 렌더링하는 것을 시뮬레이팅하는 방법이 필요!

 

Required Tools & Setup

1. Jest 

2. React Testing Library

 

Writing Tests - The Three "A"s

1. Arrange ( 준비 ) : 테스트 준비

2. Act ( 실행 ) 

3. Assert ( 단언 ) : 브라우저 아웃풋 검토

 

Test Suites : 테스트의 그룹 

Tests :

 

* 테스트 실행할 때는 일반적으로 서버에 HTTP 요청을 전송하지 않는다.

   1. 많은 네크워크 트래픽을 일으켜서 서버가 요청들로 인해 과부하될 것이기 때문

   2. 데이터를 가져오지는 않지만 일부 컴포넌트가 서버로 포스트 요청을 전송한다면 테스트로 인해 데이터베이스에

      데이터 삽입