단어장 앱에

테스트를 추가합니다

테스트 => 유닛테스트

Unit이란?

    * A single function or class.

    * 최소한의 코드 조각

Unit Test란?

    * 개발자가 자신이 구현한 Unit이

생각한대로 작동하는 지 확인하는 행위

    * 유닛 테스트를 100% 다 구성하고 코드가 Pass를 하면

      * [ ] 문제 없음을 확신하며 바로 배포 준비에 들어간다

      * [ ] 좀 불안. 별도로 추가 테스트가 필요할 것 같다

Unit Test !== Test

 본인이 구현한 코드가 어떻게 작동하는 지 묘사한 설명서(사양서)

      * 테스트 코드를 보면 처음에는 낯선 단어들이 나옴

        * describe

        * context

        * it

  • 위와 같이 코드의 요구 사양과 테스트 코드를 100% 일치 시킬 수 있다.
  • 이런 것들을 코드 베이스의 모든 단위에 대해 수행하면 100% 커버가 된 코드베이스를 갖춘 것
describe(“getWordList”, () => { // test 하고자하는 함수 이름 혹은 클래스(컴포넌트) 이름
  context(“when user is logged in”, () => { // 어떤 조건인지를 명시하고 싶을때
    it(“returns 200 status code”, () => {
      // 실질적으로 테스트 하려는 것
    })
    it(“returns word list data code”, () => {
      // 실질적으로 테스트 하려는 것
    })
  })
})

프로덕트 단위의 테스트는 별도로 필요

* Integration Test

* End to End Test

* QA 부서

Unit Test는 왜 필요할까?

  •   굳이 필요 없을 것만 같다

  •   어느 정도는 공감을 하는 부분 (개인 취향)

  • **하지만** 다음과 같은 경우에는 꼭 필요

    • 본인의 코드를 다른 사람과 공유할 때

    • 오픈 소스, 팀 단위의 프로젝트 작업

  • 코드를 **잘** 짜게끔 유도를 해준다

    • ​바람직한 경우, 예외의 경우

  • 리팩토링을 상대적으로 마음 편하게 할 수 있다

 

Unit Test의 범위는?

  •  코드 베이스 내 모든 코드 조각

하나의 js 파일 => 하나의 spec.js 파일

Unit Test는 언제?

  • 중요한 이슈
  • 실제 코드 작성하기 전에 테스트 코드 부터 작성
    • 비직관적이지만 생각해보면 사양서를 먼저 쓴다고 생각하면 됨
    • 이런식으로 작업하는 것이 TDD
  • 코드와 병행하면서 작성, 혹은 작성 직후 작성
    • 무난하면서 일반적인 접근
  • 코드 작성 후 테스트 작성
    • 거의 불가능. 내일부터 공부해야지 마인드

돈 받고 하는 코드와 안받고 하는 코드의 구분

테스트의 유무

테스트를 잘 작성하는 것만큼 중요한 것

코드를 잘 짜는 것 =

테스팅하기 좋은 코드를 짠다는 것

어떤 것이 더 좋은 코드일까?

  • [ ] 함수를 최대한 적게 만들고 하나의 함수에서 최대한 많은 일을 하도록 하는 것이 좋다
  • [ ] 함수를 최대한 여러개를 만들고 함수 단위로 최소한의 단위를 하도록 하는 것이 좋다

어떤 것이 더 좋은 코드일까?

  • 테스트 하면 => 코드를 잘 짜게끔 해준다 => 좋은 코드란?
  • 코드간의 의존성이 적은. 독립적.
  • Isolated. 상대방에게 영향을 주지도 받지도 않는
  • Deterministic. 정의된. 1억번 함수 실행시키면 1억번 똑같이 실행되는 함수
  • 명료한. 함수 이름과 기능이 일대일 매치

React App에서의 유닛테스트

* 함수 혹은 클래스의 형태로 구성

Reducers

Actions, Action Creator

React.Components

JEST - FB에서 만든 Test Framework

npm run test // yarn test

Reducer부터 시작

Actions Creator 시작

Component는 다음 시간에

클래스라서 다소 복잡

* Render => 보여지는 것을 테스팅

* Component Did Mount 와 같은 생명 주기 핸들러

* 그외 로직

Made with Slides.com