Jest를 사용한 자바스크립트 TDD

GonnabeAlright·2021년 12월 19일
0
post-thumbnail

테스트 주도 개발(TDD)의 주요 아이디어는 테스트 중인 코드를 작성하기 전에 자동화된 테스트를 작성하여 코드 작업을 시작하는 것입니다. Javascript에는 Jasmine, Jest, TapeMocha등 많은 테스트 실행(test-running) 시스템이 있습니다. 그들은 특별한 기능을 가지고 있지만 구문(syntax)은 매우 유사합니다. 선택한 프레임워크가 문제가 되어서는 안됩니다.

테스트 작성은 구문(syntax)보다는 TDD 철학에 더 가깝습니다.

  • 대부분의 개발자가 테스트를 싫어하는 이유는 무엇입니까?

느리고 깨지기 쉽고 비용(시간)이 많이 들기 때문입니다.

  • 일부 테스트를 삭제하는 것은 완벽하게 유효합니다.
  • 단위 테스트 목표: 철저하고 (우리는 테스트 중인 단일 오브젝트가 올바르게 작동하고 있음을 논리적이고 완전하게 증명하기를 원합니다.) 안정적이어야 하며 (구현 세부 사항이 변경될 때마다 테스트를 중단하고 싶지 않습니다.) 빠르게 적어야 합니다. (가장 간결한 표현을 위한 테스트 작성)
  • 프라이빗 메서드를 테스트 하지 마세요. 그러나 개발 중에 비용을 절약할 수 있다면 이 규칙을 어겨도 좋습니다.
  • 모의(mock)는 테스트 더블이며 실제 앱에서 일부 오브젝트의 역할을 합니다. 테스트 더블이API와 동기화 상태를 유지하는지 확인합니다.
  • 협력자들이 옳은 일을 할 것이라고 신뢰하세요. 단순함을 주장하세요.
  • 테스트를 더 잘하려면 시간과 연습이 필요합니다.

테스트 중인 오브젝트에는 세 가지 메시지 출처가 있습니다.

  • 들어오는 (Incoming) - 외부에서 오브젝트로의 메시지
  • 자신 (Self) - 테스트 대상이 자신에게 보내는 메시지
  • 나가는 (Outgoing) - 오브젝트가 외부로 보낸 메시지

메시지에는 쿼리(query)와 명령(command) 두 가지 유형이 있습니다. 쿼리는 무언가를 반환하거나 아무 것도 변경하지 않습니다. 명령 유형은 아무것도 반환하지 않고 무언가를 변경합니다.

테스트 규칙 그리드

아래의 테스트 결과 그리드는 각 메시지 유형을 단위 테스트할 수 있는 방법을 보여줍니다.

메시지 유형쿼리명령
들어오는(Incoming)Assert result 들어오는 쿼리 메시지가 반환하는 내용에 대해 assertion을 만들어 테스트합니다. 구현(implementation)이 아닌 인터페이스를 테스트하세요.직접적인 공개 부작용에 대한 assertions을 만들어 들어오는 명령 메시지를 테스트합니다. DRY 밖으로 들어오는 메시지의 수신자는 직접적인 공개 부작용(side effects)의 결과의 asserting에 전적인 책임이 있습니다.
자신에게 보냄 (Sent to Self)무시: 프라이빗 메서드를 테스트하지 마세요.무시: 프라이빗 메서드를 테스트하지 마세요.
나가는 (Outgoing)무시: 들어오는 쿼리의 수신자는 상태와 관련된 assertion만 책임집니다. 메시지에 눈에 보이는 부작용이 없는 경우 보낸 사람은 메시지를 테스트하지 않아야 합니다.모의(mock)를 사용하여 나가는 명령 메시지를 보낼 것으로 예상(Expect)

TDD의 장점

  • 새로운 기능을 추가하거나 기존 기능을 수정할 때 발생할 수 있는 버그를 줄입니다.
  • 코드의 특정 부분에 영향을 줄 수 있는 다른 프로그래머의 변경에 대한 안전망을 구축
  • 코드가 새 변경 사항과 계속 작동하도록 하여 변경 비용을 줄입니다.
  • 테스터와 개발자가 수동 검사의 필요성을 줄입니다.
  • 코드에 대한 신뢰도 향상
  • 리팩토링 중에 변경 사항을 깨는 것에 대한 두려움을 줄입니다.

Jest 시작하기

Jest는 단순성에 중점을 둔 자바스크립트 테스트 프레임워크이지만 여전히 자바스크립트 코드 베이스의 정확성을 보장합니다. 고유한 글로벌 상태와 병렬로 테스트를 안정적으로 실행하며 빠른 속도와 안전성을 자랑합니다. 작업을 빠르게 하기 위해 Jest는 이전에 실패한 테스트를 먼저 실행하고 테스트 파일에 걸리는 시간에 따라 실행을 재구성(re-organizes)합니다. 또한 Jest는 문서화되어 있으며 구성이 거의 필요하지 않습니다. 실제로 자바스크립트 테스트를 즐겁게 만듭니다. yarn 또는 npm을 사용하여 설치할 수 있습니다.

세 가지 TDD 모드

  • 명백한 구현(Obvious implementation): 테스트할 메서드를 구현하는 방법을 알고 있기 때문에 구현과 함께 테스트를 작성합니다.
  • Fake it til you make it: 문제와 솔루션을 알고 있지만 코드를 작성하는 방법이 즉시 명확하지 않은 경우 "할 때까지 가짜"라는 트릭을 사용할 수 있습니다.
  • 삼각측량(Triangulation): 이것은 TDD를 수행하는 가장 보수적인 방법입니다. 해법조차 모른다면, 적-녹, 적-녹 루프, 무슨 수를 써서라도 녹색에 도달하게 됩니다.

0개의 댓글