javascript testing의 best practice들을 모아놓은 글이다. production code에 대해서는 best practice를 많이 찾아보았지만, 테스트 코드는 어떠한 best practice가 존재하는지 명확히 알지 못했는데, 그런 면에서 도움이 많이 되는 글인 것 같다. 이 글은 javascript를 기준으로 쓰였지만, 언어를 막...
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다.
- Node.js 개념과 사용
- Linting
- Testing
효율적인 테스팅을 위해 express의 HTTP Request와 Response를 어떤 방식으로 mocking하는 것이 좋을 지 찾아보다가, 괜찮은 문서가 있어 공유한다. https://codewithhugo.com/express-request-response-mocking/
Jest / testing-library / puppeteer 을 이용한 React Component 테스트 with TypeScript
2019년 10월 24일0개의 댓글
최근에 Creative Storage라는 프로젝트를 진행하였습니다. TDD를 도입하여 프로세스를 진행하기로 하였었고, Frontend에서 React를 사용하였기 때문에, React Component를 테스트 해야할 필요가 생겼습니다. 그래서 환경 구성을 시도해보았는데 쉽지 않...
jest에서 import 구문을 쓰니 에러가 발생합니다. 레퍼런스 : BabelJS(바벨) - 제로초 블로그 더 살펴봐야할 것들 jest.config.js 각각의 필드들 살펴봐야되고요. babel에 대해서도 좀 더 살펴봐야겠어요. 틀린 내용이 있을 수 있습니다. 꼭 피드백 남겨주셔서 공유가 되길 바랍니다....
내일이면 코드스테이츠 이머시브 14기 4주 프로젝트가 끝이납니다. 저희 프로젝트 이름은 CreativeStorage 이름은 거창해요. 이 프로그램이 하는 일은 파일을 AWS S3 버킷에 저장하고, 자주 접근하지 않은 파일은 사용료가 더 저렴한 저장소로 파일을 이전시키는 작업을 수행합니다. 프로젝트의 개념도 Untitled Diagram.jpg 저...
4주 프로젝트 DAY 9 * jest 테스트 시작할때 koa app을 붙이고 싶다. * jest 테스트에서 koa app을 붙였다. 다만 더 알아봐야한다. * Nodejs 내부 구조, 동작 원리가 궁금했다! * jest 테스트를 할때 각 테스트 할때마다 서버 올리고 테스트 끝나면 내리고 싶어요. jest 테스트 시작할때 koa app을 붙이고 싶다....
4주 프로젝트 DAY3 * typescript는 type을 다 지정해줘야해요. * HTTP GET 요청보낼때 특정정보도 같이 보내고 싶어요 어떻게 하죠? * fs.rename 사용법 * Blob? * fetch로 HTTP GET 요청 보낼때 파라미터를 쓰고싶어요. * jest! 기초 사용법은 알아야 될거 아냐 * 도커 설치 및 minio 설정 * 에러 ...
images.png 서론 최근들어 프론트엔드 개발에서의 테스트 방법을 생각해봤습다. 고민들에는 프론트엔드 테스트코드 실질적 효과와 효율성과 어떤 코드들을 테스트해야 하는지에 대해서 의문을 제기해왔습니다. 그러던 도중 이글을 만나게 되었습니다. 이 글은 Nick Gard의 "React Snapshot Testing: The Bad Parts"를 번...
서론 저번 포스트에서 크롤러에서 필요한 모듈들을 설치하는 것까지 진행했었죠? 이번 포스트에서는 프로젝트 세팅을 이어서 해볼 것입니다. 이번 포스트에서 할 작업들은 다음과 같습니다. 1. tsconfig 세팅 2. tslint 세팅 3. jest 세팅 tsconfig 세팅 Typescript를 해보신 분들도 계시겠지만, 이전 포스트에서도 말했다시피 ...
코드를 작성한 후에 그 코드가 제대로 작동하는지 알 수 있는 가장 쉬운 방법은 컴파일해서 실행해보는 것입니다. 이 방법은 프로그래밍을 입문하면서 제일 처음 배우는 디버깅 방법이기도 하지요. 하지만 이 방법은 쉬운만큼 한계가 많습니다. 첫 번째 한계는 코
회사를 옮기고 나서 프론트엔드개발자로서의 기본이 되야할 웹디자인에 맞춰서 페이지를 그려내는 작업을 하게됐다. 디자인에 맞춰서 css를 그리는것이 생각보다 어려울뿐만 아니라 기기종별 내장폰트유무로 달라지는 폰트차이등 신경써야할것이 생각보다 많았다. 특히 인라인요소는 사람을 미치게 한다. 완성되고나면 디자이너분이 꼼꼼하게 검수를 해주시지만......
🐣 What is the Jest? Jest란 페이스북에서 사용되는 리액트 애플리케이션을 포함한 모든 자바스크립트 테스트 도구입니다. Jest의 철학 중 하나는 "Zero-configuration", 설정 없는 테스트 환경을 제공하는 것입니다. 이들은 개발자에게 사용 준비가 된 도구가 주어질 때, 개발자가 보다 많은 test를 작성한다고 말합니다. 그리...