# jest

웹개발 TDD 입문, Jest의 Matchers 정리
Uncle Bob의 사진Test-driven Development(TDD)를 항상 하고 싶었다. Clean Code 강의를 듣기 시작하면서, 이 생각이 더 커졌다.책의 저자이자 강의자인 Uncle Bob이 TDD를 무척이나 강조하기도 하고, TDD의 장점을 논리적이고
.png?w=768)
TIL. React Tool
👩🏻💻 React를 쓰는 이유, React 프로젝트를 위한 환경설정과 필요한 Tool에 대해 알아보고 이를 정리해보았다.JavaScript runtime environment (framework) that executes JavaScript code outsid
[Koa] ES6문법으로 Mocha, Supertest 사용하여 테스트코드 작성
Babel 사용 시 @babel/register 를 실행 스크립트에 포함하여야 한다.Preset은 @babel/preset-env 사용. (공식 프리셋을 사용해야 하는 듯)총 필요한 babel module : @babel/core,node,preset-env,regis

[JS] jest 사용법
테스트는 왜 해야할까요?아주 심플하게 생각하면 디버깅의 수고를 덜기 위해서라고 할 수 있습니다.개발을 하는 사람들은 누구나 공감하겠지만, 개발을 위해 코드를 짜는 시간보다 설계나 오류에 따른 디버깅을 처리하는 데 드는 시간이 굉장히 많다는 점입니다.테스트는 바로 그런
JEST - globalAPI/Matcher
afterAll(fn, timeout)afterEach(fn, timeout)beforeAll(fn, timeout)beforeEach(fn, timeout)describe(name, fn)describe.each(table)(name, fn, timeout)descr

리액트 오류 탐구생활 - Jest
사건의 경위는 이렇다. 글로벌 객체의 프로퍼티라서 어디서든 사용이 가능한 객체를, 하나의 컴포넌트에서 모킹했다. 나머지 컴포넌트들도 줄줄이 오류를 뿜었다. 심지어 테스트가 동작할 때 마다, 오류를 뿜는 테스트가 달랐다. 일단, 모든 컴포넌트에서 모킹을 해줄 필요는 없었

JEST 사용법
갑작스럽게 Jest를 사용할 일이 생겼다.급하게 공부하며 적용한 내용을 정리해 보았다. (설명 추가 예정)jest와 babel-jest를 함께 설치한다.jest로 테스트할 때 ES6이상의 문법을 사용하기 위해선 babel의 도움이 필요하다.(babel 처리를 하지 않으

🥳 NEST.JS로 API 만들기 part 2
파트 2에서는 Jest를 이용한 유닛 테스트와 e2e 테스트를 진행했다.Jest는 자바스크립트 테스팅 프레임워크로 .spce.ts 로 되어 있는 파일이 테스트 파일이다.Jest는 .spec.ts 파일들을 찾아볼 수 있도록 설정 되어 있다.유닛테스트는 function을

🥳 NEST.JS로 API 만들기 part 1
NEST.JS란 Node.js 의 프레임워크로 express 위에 돌아갈 수 있다객체 지향 프로그래밍, 함수형 프로그래밍, 함수 반응형 프로그래밍의 요소도 일부분 사용 가능하며 아키텍쳐와 구조를 제공해준다.Insomnia를 이용하여 API 테스트를 해보았다.데코레이터
redux 내에서 외부 라이브러리를 mock 하기
내가 진행하던 프로젝트에서 로그인, 회원가입 등 처리 후 홈 페이지로 이동하도록 하는 기능을 작성하고 싶었다. 아래와 같이 로그아웃을 요청하는 비동기 요청이 있다.postLogout api를 이용해 로그아웃 한 뒤, 유저 정보를 초기화 한다.여기서 push를 이용하는

🤞 Nestjs 연습 with Nomadcoder
Nestjs란 Express 기반의 서버개발용 Framework이다.Nestjs가 핫하다고 하여 항상 공부하고 싶었다.Express로 서버를 개발하면 항상 무에서 유를 창조해야 했다.멋있는 작업이라고 생각하긴 했지만, 항상 막막하고 뭔가 두려운 느낌이 들었다.

Javascript 테스팅 with Jest #3
먼저 실패하는 테스트를 작성하고,그 다음 테스트를 성공시키기 위한 코드를 작성하고,그 다음 필요없는 코드를 삭제하는 등 이 후 코드 관리가 쉽도록 코드를 리팩토링한다.TDD 방식은 먼저 코드가 정상적으로 작동하는 것을 보장해주며 하나씩 기능을 단계 별로 개발해나가므로
Javascript 테스팅 with Jest #2
Mock 이전 글에서 Jest의 기본적인 test 메소드를 통해 다양한 테스트를 해보았다. 이번엔 함수와 함수의 파라미터, 그리고 함수의 리턴값 등을 테스트할 수 있는 Mock에 대해서 알아보도록 하겠다. 일단 공식 문서의 예제를 보면 이렇게 forEach 함수를 구

Javascript 테스팅 with Jest #1
모든 개발자 채용의 자격 조건 및 우대 조건을 보면 이러한 키워드를 적어놓은 회사가 많다.TDD테스트유닛 테스트단위 테스트TDD란 Test Driven Development의 약자로 직역하자면 테스트 주도 개발이다. 간단하게 알아본 결과 코드를 작성하기 전에 테스트 코

두번째도 어려운 React testing
matchmedia 나는 사용한적이 없는데.. find함수가 안돼요. mount와 shallow의 차이점? useEffect가 작동이 안돼요!