[Tech] 테스트 코드와 종류

프론트엔드에서의 테스트란?!

• 테스트는 소프트웨어 개발 단계에서 중요하게 이뤄지는 절차적인 확인 방법이다.
• 프론트엔드에서의 테스트는 어떻게 이뤄질까?

프론트엔드에서의 테스트 코드

• 프론트엔드에서 중점적으로 확인해야할 점은 UI가 예상하는대로 잘 동작하는지를 확인하는 것이다.
• 이를 확인하기 위한 자동화된 테스트의 코드를 테스트 코드라 할 수 있다.

---

테스트 종류

• 아직 프론트엔드에서의 테스트는 불모지인 분야 중 하나이다.
• 이를 위한 노력으로 라이브러리도 많이 나오고, 여러 테스트의 방법이 나타나고 있다.

• 소프트웨어 설계에서 이뤄지는 테스트는 무수히 많은 종류가 있는데,
  단계별로 이뤄지는 테스트 중 v-모델을 떠올렸다.

  

  • v-모델에서는 단계별로 좌측의 소프트웨어 개발이 이뤄지고,
    우측의 테스트가 작은 단위에서 큰 단위로 점차적으로 이뤄진다.

• 프론트엔드에서도 마찬가지로, 개별적인 테스트에서 점차 통합되는 방향으로 테스트가 이뤄진다.
  여기서 설명하는 테스트의 종류도 다음과 같다.

  

  • 단위 테스트(Unit Test): 특정한 모듈 or 단위(예: 클래스, 함수)가 기능을 의도한 대로 동작하는지 확인하는 테스트
  • 통합 테스트(Integration Test): 서로 다른 모듈들 사이에서, 데이터를 잘 주고 받는지 확인하는 테스트
  • 종단 간 테스트(End-to-end Test): 종단 시스템인 사용자와 웹 애플리케이션의 상호 작용을 확인하고,
    UI 및 기능이 의도대로 동작하는지 확인하는 테스트

이러한 테스트는 개발 초기에 버그를 확인하고, 유지보수의 비용을 줄일 수 있다는 장점이 있다.

---

✨ 출처

프론트엔드 기술 면접 질문
우아한 기술 블로그, 코드와 함께 살펴보는 프론트엔드 단위 테스트 – Part 1. 이론 편

---