puba5
commented
1 year ago 유닛 테스트
- 단위 테스트
- 특정 동작 혹은 기능에 대해 잘 작동하는지 확인
- A 컴포넌트 렌더링하면 스타일이 잘 작동 되어 있는지
- B 함수 실행했을때 C라는 값이 잘 나왔는지 확인
- 간단하고 빠르다.
- 하지만 사람이 하나하나 작성해줘야한다.
- jest, mocha, vitest 등등 존재
스냅샷 테스트
-
개발할 기능의 예상 결과를 미리 저장(스냅샷), 그리고 개발한 결과와 비교
-
예를 들면, A라는 함수에 B,C를 인자로 넘겼을 때 D라는 결과가 나온다면, 이 값을 저장
-
이후에는 저장된 값을 바탕으로, 같은 함수에 같은 인풋을 넣었을때 저장된 아웃풋이 나오는지 비교
-
단순히 함수의 값이 아니라 컴포넌트도 저장 가능 (이 또한 함수이므로)
-
스냅샷 테스트 동작 원리 (이미지로)
Jest
- 스냅샷을 찍으면 결과를 텍스트 형태로 저장 (github 참고)
- 함수의 결과 값을 저장 가능
- 컴포넌트 또한 저장 가능
- css도 저장이 가능한 것으로 보이는데, 이 부분은 좀 더 확인이 필요
Jest-image-snapshot
- 스냅샷을 찍으면 결과를 이미지 형태로 저장 (github 참고)
- 렌더링된 화면(컴포넌트들)을 이미지로 저장 가능
장점
- 스냅샷을 찍어놓은 결과(컴포넌트)를 비교하면 되므로, 유닛보다 더 간단하다.
- 유닛 테스트의 경우 직접 테스트할 케이스를 하나씩 입력, 스냅샷 경우 스냅샷을 자동으로 찍어 해당 케이스와 비교
- 컴포넌트의 경우 사소한 부분까지 쉽게 알아낼 수 있다.
단점
- 스냅샷을 찍을 때 결과가 정확해야한다.
- 제약 사항이 있다.
- 텍스트 형태의 스냅샷으로 저장할 경우 실제 렌더링된 화면이 아니라 정확하지 않을 수 있다.
- 이미지 형태의 스냅샷은 정확하지만, 반응형에서는 여러 케이스 확인이 불가하다. -> 해피 케이스만 확인 가능한데, 테스트 커버리지가 제한적
- 느리다. 특히 이미지의 경우에는 더더욱
CrewDaniel
테스트란?
테스트의 종류
조사할만한 테스트 툴