국밥 개발자

Jest Test Provider 주입 하는 방법 1. render 시에 직접 주입한다. option으로 wrapper로 Provider를 주입한다. ex) gugbab.test.tsx import { render, screen } from "@testing-library/react"; ... test("gugbab1 상품 개수 증가후 가격 계산 테스트", async () => { render(, { wrapper: OrderContextProvider }); ... } 2. customRender를 사용한다. Provider를 주입 받는 util render를 만들어 해당 render를 사용 ex) render-utils import { render } from "@testing-library/reac..

jest에서 Axios를 yarn add 하고 테스트를 하는데 아래 에러 발생 SyntaxError: Cannot use import statement outside a module 발생 원인 jest에서 해당 모듈을 찾을 수 없다고 나옴 yarn add시 버전을 명시에 주지 않아서 최신 릴리즈 버전 추가 해당 버전은 jest에 지원하지 않아서 에러 발생 해결 방법 axios의 버전을 낮춰주니 해결

Jest Start https://puk0806.tistory.com/67 참고 : https://github.com/testing-library/jest-dom GitHub - testing-library/jest-dom: Custom jest matchers to test the state of the DOM :owl: Custom jest matchers to test the state of the DOM - GitHub - testing-library/jest-dom: Custom jest matchers to test the state of the DOM github.com getBy... 쿼리에 대한 일치하는 노드르 반환하고 일치하는 요소가 없거나 둘 이상의 일치가 발견되면 오류를 발생시킨다...

React Testing Library React 구성 요소 작업을 위한 API를 추가하여 DOM Testing Library 위에 구축된다. Dom Testing Libarary : Dom 노드를 테스트하기 위한 매우 가벼운 솔루션 React Testing Library 설치 npm install --save-dev @testing-library/react Jest FaceBook에 의해서 만들어진 테스팅 프레임 워크 최소한의 설정으로 동작한다. Test Case를 만들어 애플리케이션 코드가 잘 돌아가는지 확인한다. Jest 설치 // Jest 설치 npm install jest // Jest 테스트에 유용한 Extentions설치 npm install eslint-plugin-testing-libra..