# jest

69개의 포스트

2020-01-25 Note

2020-01-25 HTML5 vue drag-and-drop

3일 전
·
0개의 댓글
post-thumbnail

웹개발 TDD 입문, Jest의 Matchers 정리

Uncle Bob의 사진Test-driven Development(TDD)를 항상 하고 싶었다. Clean Code 강의를 듣기 시작하면서, 이 생각이 더 커졌다.책의 저자이자 강의자인 Uncle Bob이 TDD를 무척이나 강조하기도 하고, TDD의 장점을 논리적이고

4일 전
·
3개의 댓글

2020-01-22 Note

storybook, vue, jest 를 사용하며

6일 전
·
0개의 댓글
post-thumbnail

TIL. React Tool

👩🏻‍💻 React를 쓰는 이유, React 프로젝트를 위한 환경설정과 필요한 Tool에 대해 알아보고 이를 정리해보았다.JavaScript runtime environment (framework) that executes JavaScript code outsid

2021년 1월 13일
·
0개의 댓글

[Koa] ES6문법으로 Mocha, Supertest 사용하여 테스트코드 작성

Babel 사용 시 @babel/register 를 실행 스크립트에 포함하여야 한다.Preset은 @babel/preset-env 사용. (공식 프리셋을 사용해야 하는 듯)총 필요한 babel module : @babel/core,node,preset-env,regis

2021년 1월 6일
·
0개의 댓글
post-thumbnail

[JS] jest 사용법

테스트는 왜 해야할까요?아주 심플하게 생각하면 디버깅의 수고를 덜기 위해서라고 할 수 있습니다.개발을 하는 사람들은 누구나 공감하겠지만, 개발을 위해 코드를 짜는 시간보다 설계나 오류에 따른 디버깅을 처리하는 데 드는 시간이 굉장히 많다는 점입니다.테스트는 바로 그런

2021년 1월 4일
·
0개의 댓글

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

2021년 1월 4일
·
0개의 댓글
post-thumbnail

React Testing Tutorial

What is React Test?

2021년 1월 4일
·
1개의 댓글
post-thumbnail

리액트 오류 탐구생활 - Jest

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

2021년 1월 3일
·
0개의 댓글
post-thumbnail

JEST 사용법

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

2021년 1월 2일
·
0개의 댓글

[TIL]Jest

2021.01.01 TIL

2021년 1월 1일
·
0개의 댓글
post-thumbnail

🥳 NEST.JS로 API 만들기 part 2

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

2020년 12월 31일
·
0개의 댓글
post-thumbnail

🥳 NEST.JS로 API 만들기 part 1

NEST.JS란 Node.js 의 프레임워크로 express 위에 돌아갈 수 있다객체 지향 프로그래밍, 함수형 프로그래밍, 함수 반응형 프로그래밍의 요소도 일부분 사용 가능하며 아키텍쳐와 구조를 제공해준다.Insomnia를 이용하여 API 테스트를 해보았다.데코레이터

2020년 12월 31일
·
0개의 댓글

redux 내에서 외부 라이브러리를 mock 하기

내가 진행하던 프로젝트에서 로그인, 회원가입 등 처리 후 홈 페이지로 이동하도록 하는 기능을 작성하고 싶었다. 아래와 같이 로그아웃을 요청하는 비동기 요청이 있다.postLogout api를 이용해 로그아웃 한 뒤, 유저 정보를 초기화 한다.여기서 push를 이용하는

2020년 12월 31일
·
0개의 댓글
post-thumbnail

🤞 Nestjs 연습 with Nomadcoder

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

2020년 12월 25일
·
0개의 댓글
post-thumbnail

Javascript 테스팅 with Jest #3

먼저 실패하는 테스트를 작성하고,그 다음 테스트를 성공시키기 위한 코드를 작성하고,그 다음 필요없는 코드를 삭제하는 등 이 후 코드 관리가 쉽도록 코드를 리팩토링한다.TDD 방식은 먼저 코드가 정상적으로 작동하는 것을 보장해주며 하나씩 기능을 단계 별로 개발해나가므로

2020년 11월 15일
·
0개의 댓글

Javascript 테스팅 with Jest #2

Mock 이전 글에서 Jest의 기본적인 test 메소드를 통해 다양한 테스트를 해보았다. 이번엔 함수와 함수의 파라미터, 그리고 함수의 리턴값 등을 테스트할 수 있는 Mock에 대해서 알아보도록 하겠다. 일단 공식 문서의 예제를 보면 이렇게 forEach 함수를 구

2020년 11월 12일
·
0개의 댓글
post-thumbnail

Javascript 테스팅 with Jest #1

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

2020년 11월 11일
·
0개의 댓글
post-thumbnail

Jest 사용법

당신은 jest 공홈을 꼼꼼히 읽어 보았나요?

2020년 11월 7일
·
0개의 댓글
post-thumbnail

두번째도 어려운 React testing

matchmedia 나는 사용한적이 없는데.. find함수가 안돼요. mount와 shallow의 차이점? useEffect가 작동이 안돼요!

2020년 11월 4일
·
0개의 댓글