관리 메뉴

프론트엔드 정복하기

r-t-l는 describe, it을 쓰는가? test를 쓰는가? 본문

테스팅 라이브러리/React-Testing-Library

r-t-l는 describe, it을 쓰는가? test를 쓰는가?

GROWNFRESH 2021. 3. 13. 19:22

react-testing-library 의 예시를 보여주는 블로그들을 보면,

어떤 곳에서는 describe와 it을 쓰고, 어떤 곳은 test를 쓴다.

 

차이는 무엇이고 어떤 것을 써야하는걸까???

 

 

 

react-testing-library 공식 홈페이지에서는 아래와 같이 설명하고 있다.

testing-library.com/docs/react-testing-library/migrate-from-enzyme/#import-react-testing-library-to-your-test


Note: you can also use describe and it blocks with React Testing Library. React Testing Library doesn't replace Jest, just Enzyme. We recommend test because it helps with this: Avoid Nesting When You're Testing

 

참고 : React Testing Library와 함께 describe및 it을 사용할 수도 있습니다 . React Testing Library는 Jest가 아니라 Enzyme 만 대체합니다. 다만 test 기능은 <테스트할 때 중첩 방지>와 관련해서 도움이되기 때문에 권장 합니다.


 

 

describe와 it은 다음과 같은 중첩 상황을 야기한다고 예측한다.

describe('', ()=>{
  it(...)
  
  describe('', ()=>{
    it(
      ....
      describe('', ()=>{})
    )
  })
})

 

 

 

r-t-l는 중첩 없이 test를 쓰기를 권장하고 있다.

test('', async()=>{
  ...
})

test('', async()=>{
  ...
})

test('', async()=>{
  ...
})