전체 글76 axios-mock-adapter api 2024. 2. 15. React Testing Library - 렌더링 검증 render 함수 - component를 render - document.body 에 붙인다 반환값 query objects - render 된 DOM에서 특정 element를 조회할 때 사용 - screen 을 불러와서 사용 가능 - 공식문서-queries container React component가 render 된 DOM Node, div baseElement container 가 들어가 있는 DOM Node 기본 값은 document.body rerender props를 변경하여 component update 를 처리할 때 사용 unmount component를 unmount 시킬 때 메모리 누수를 유발하는 event handler를 남겨두는 테스트 시도 시 유용 renderHook - hook.. 2024. 2. 14. AAA 패턴(Arrange, Act, Assert) Arrange(준비) 테스트 실행 전에 필요한 것들을 준비 : beforeEach(), afterEach(), Rendering Components state, service 준비 Mocking render Element 검증할 element get Act(실행) 테스트 코드의 실행 User 액션 : click, state change 등 act() 로 wrapping Assert(단언) 실행한 코드의 동작 검증 : Text, state, child count 와 같은 것들 2024. 2. 14. React Testing Pattern - 설정(setup)과 해지(teardown) 설정(setup) 테스트의 시작 전 수행 동일한 환경의 보장 변수 설정, mock 주입 pre-condition 체크 해지(teardown) 테스트의 종료 후 마무리 이후 테스트에 영향이 없도록 2024. 2. 13. React Testing Library - afterAll, beforeAll, afterEach, beforeEach 간단히 이미지로 설명을 대신한다. 2024. 2. 12. React Testing Library - 개요 React Testing Library 는 Behavior Driven Test 를 위한 테스트 라이브러리로서 기존 관행이던 Implementation Driven Test 의 단점을 보완할 수 있다. 위의 두 테스트를 간단히 설명하면, - Implementation Driven Test id 특성이 부여된 h2를 사용해서 '제목'이라는 글자를 표시했을 때, 테스트 시에 1) h2 태그가 사용되었는지 2) id 특성은 맞게 부여되었는지 3) '제목' 이라는 글자가 잘 표시되는지 테스트한다. - Behavior Driven Test 화면에 '제목' 이라는 글자가 잘 표시되는지 테스트한다. h3 태그로 '제목' 글자를 표시해도 테스트를 통과할 수 있다. 사용자 입장에서는 어떤 태그가 사용되었는지 중요하지 않.. 2024. 2. 12. 이전 1 2 3 4 5 6 7 ··· 13 다음
