테스팅2 [Jest #4] 리액트 컴포넌트 + 스냅샷 테스트 지금까지 익혔던 Jest를 React에서 활요해 보자. CRA로 프로젝트를 하나 만들고 간단한 컴포넌트를 작성한다. // Hello.js import React from "react"; const Hello = () => { return Hello; }; export default Hello; App컴포넌트에 넣어준다. // App.js import "./App.css"; import Hello from "./components/Hello"; function App() { return ( ); } export default App; App컴포넌트에 user객체를 하나 만들고 Props로 전달해 준다. // App.js import "./App.css"; import Hello from "./compone.. 2023. 7. 22. [Jest #1] Jest로 기본적인 테스트 작성법 Jest ? jset는 페이스북에서 만들어서 React, Vue와 같은 Javascript개발자들에게 많이 활용되고 있는 테스팅 프레임워크이다. jest는 zero config의 철학을 가지고 있어서 별도의 설치 없이 빠르게 테스트 코드를 작성헐 수 있는 장점이 있다. 또한, 문서화가 잘 형성되 있으며 결과를 신속하게 제공하는 접근하기 쉽고 친숙하며 기능이 풍부한 API로 테스트를 작성할 수 있다. 프로젝트 생성 $mkdir jest-test npm init -y npm i -D jest jest-test라는 이름의 새로운 폴더를 만들고 npm을 연결해준다. jest를 개발 의존성으로 설치해 준다. test 스크립트 수정 "scripts": { "test": "jest" }, package.json파일에.. 2023. 7. 18. 이전 1 다음
