01. 테스트 코드에 대해 알아보기
테스트 코드란 말 그대로 우리가 작성한 코드에 문제가 없는지 테스트하기 위해 작성하는 코드
- 단위 테스트 (Unit Test): 가장 작은 규모의 기능을 테스트한다.
- 통합 테스트 (Integration Test): 여러가지 기능을 합쳤을때 생기는 문제를 방지하기 위한 테스트
- E2E 테스트 (End-to-end Test): 끝에서 끝(종단 간)을 의미하는 End to end 테스트
쉽게 말하면 백엔드부터 시작해서 최종적으로 웹 페이지가 원하는대로 동작하며 원하는 데이터를 잘 보여주는지 확인한다.
테스팅 프레임워크는 오늘 날 가장 많이 사용하는 Jest를 사용하겠다.
- 모듈설치
npm init -y
npm i jest -D- package.json 파일에서
"test": "echo \"Error: no test specified\" && exit 1" 를
"test": "jest"로 바꿔주기
02. Jest로 간단한 단위 테스트 코드 작성해보기 (1)
먼저 js파일 세팅
테스트 할 파일은 뒤에 spec를 붙여서 생성. npm test 명령어로 실행해준다.
테스트 실패가 뜨는 이유는 js파일에서 아직 설정을 안해줬기 때문(지금은 무조건 false로 반환된다)
설정해보자.
요구사항들을 설정해주고 다시 테스트를 돌려보면 통과가 된 걸 볼 수 있다.
03. Jest로 간단한 단위 테스트 코드 작성해보기 (2)
만약 추가 요구사항이 생겼다면?
- 입력한 이메일 주소중, **로컬 파트(골뱅이 기준 앞부분)에는 영문 대소문자와 숫자, 특수문자는 덧셈기호(+), 하이픈(-), 언더바(_)** 3개 외에 다른 값이 존재하면 이메일 형식이 아니다.
- 입력한 이메일 주소중, **도메인(골뱅이 기준 뒷부분)에는 영문 대소문자와 숫자, 점(.), 하이픈(-)** 외에 다른 값이 존재하면 이메일 형식이 아니다.
요구사항을 만족하는 코드를 추가로 작성해보자.
일단 spec.js에 요구사항들과 테스트샘플들을 넣어주고
(아직 js에 코드를 입력하지 않아 오류가 뜸.)
js에 요구사항에 맞는 코드를 추가해주자.
성공!
근데 잠깐!!!!!!!!!!!! 너무 코드가 지저분해 보이지 않나?
이 코드를 간결하고 깔끔하게 하기 위해 정규표현식을 이용해보자
훨씬 깔끔해지고 보기 좋게 변했다.
corin-2