반응형 개발/테스트코드12 fireEvent와 userEvent 차이 fireEvent와 userEvent 차이 fireEvent와 userEvent는 둘다 react test 에서 사용자 동작을 시물레이션하기 위해 사용되는 테스트 도구이다. fireEvent DOM 이벤트를 직접 트리거하는 저수준 도구이다. 컴퓨터 입장의 시물레이션이기 때문에 사용자의 실제 행동을 완벽하게 반영하지 못한다. 예를 들면 click()을 호출하였을때, onClick이라는 DOM Event를 발생시킨다. userEvent 사용자의 실제 행동을 높은 수준에서 모방한다. 예를 들면 버튼을 클릭할때 onMouseOver와 onMouseOut도 필연적으로 발생하는 이벤트인데, userEvent를 사용하면 click이외의 여러 관련된 이벤트들도 고려할 수 있다. 결론 특정 이벤트만 '콕' 찝어서 테스트.. 2023. 8. 26. Jest로 비동기 테스트하기(done) 우선 calculate.js에 이렇게 적어주자 // calculator.js const fn = { add: (num1, num2) => num1 + num2, getName: (callback) => { const name = "Mike"; setTimeout(() => { callback(name); }, 2000); }, }; module.exports = fn; 그리고 테스트코드 calculate.test.js에는 일케 적어주자 import fn from "./calculator"; test(`3초 후에 받아온 이름은 Mike? `, () => { function callback(name) { expect(name).toBe("Tom"); fn.getName(callback); }); 그리고 np.. 2022. 4. 8. Jest로 큰지 작은지, truthy인지 falsy인지 테스트하기 //toBeGreaterThan 크다 //toBeGreaterThanOrEqual 크거나 같다 //toBeLessThan 작다 //toBeLessThanOrEqual 작거나 같다 test("truthy한지 아닌지 검사하자",()=>{ expect("hi").toBeTruthy(); }); test("ID는 10자 이내여야한다.",()=>{ const ID = "hi" expect(ID.length).toBeLessThan(10); }); 다음과 같이 test코드를 입력하고 npm run test를 돌리면 성공한다. 2022. 4. 7. js 테스트코드 작성하는법 : 기초 calculation 회사에서 새로운 프로젝트를 시작하는데, TDD를 적용해보고 싶었다. 테스트코드를 작성하는 법을 공부하자! 이 홈페이지를 보면서 공부했다. CRA 앱 만드는 과정은 생략. 1. jest 설치 npm install jest yarn add jest //타입스크립트 npm install @types/jest yarn add --dev @types/jest 2. 테스트 코드 작성 src폴더 내에 상기 이미지와 같이 두개의 코드를 작성한다. // calculator.js function add(a, b) { return a + b; } export default add; // calculator.test.js import add from "./calculator"; it("add correctly", () => .. 2022. 3. 30. 이전 1 2 3 다음 반응형
