테스트 환경에 대한 기본적인 이해하기

1. FrontendTestEnvironment이해하기

2. Test
소프트웨어에서어떤가설을검증하는과정
ex)
1.마우스를올리면글자가바뀐다.
2.마우스를올리지않으면글자가사라진다.

3. 효율적으로가설을검증하는과정이필요하다.
???:하나씩고칠때마다상품등록그만하고싶다...

4. 테스트의수행을코드로표현하고자동화를하자

5. 테스트를하기전에생각해야하는것들

6. 테스트에대한정의내리기
1.무엇을테스트해야하는가?
2.이테스트를통해검증되는것은무엇인가?
...

7. 테스트의종류
단위테스트
한가지기능에만집중한다.
서비스테스트
기능의집합에집중한다.
도메인의이해를요구한다.
통합테스트
서비스와저수준기능들이함께동작한다.
예:새로운환경안에서어플리케이션을설치및테스트

8. 테스트피라미드

9. 테스트가왜필요할까?
코드를직접테스트하는과정은엄청난시간이필요하다***
제대로동작하는소프트웨어작성을위한하나의방법
검증을통해문제점을최소화
안전하게지속적으로릴리즈하기위해
배포단계에서테스트를수행=검증

10. 테스트를진행시키는7가지요소

11. 1.Testrunner
- 테스트의 실행을 효율적으로 할 수 있게 도와준다.
2.Testdoubles
- 예측 불가능한 부분을 테스트에 관여할 수 없게 한다.
- Spy, Mock, Shallow...
3.Assertionlibraries
- 코드에 대한 검증을 더 쉽게 도와주는 기능들
Assertion이란참또는거짓으로판단되는코드에대한설명

12. 4.Environmenthelpers
- 특정한 환경에 접근할 수 있도록 도와주는 기능들
(DOM, 사용자 이벤트 등..)
- 브라우저 환경을 모방(emulate)
5.Framework‑specificlibraries
- 특정 프레임워크 상에서 테스트 코드를 더 쉽게 작성할 수 있게 도와준다.
6.Coveragetools
- 코드가 얼마나 잘 테스트되고 있는 지 검증해주는 도구
- statements, branches, functions, lines의 기준
7.Stub
- 테스트의 실행에 필요하지만, 테스트와는 무관한 객체를 모방하는 모조 객체

13. 우리가오늘사용할도구
1.Jest
2.Enzyme
3.react‑test‑renderer

14. Jest
테스트러너
istanbul라이브러리내장(coverage)
Enzyme
리액트테스팅을위한도구
react‑test‑renderer
시각적회귀테스트(VisualRegressionTest)
스냅샷을통해이전상태의컴포넌트와비교