# jest

525개의 포스트
post-thumbnail

20230524 - RN, Jest, E2E Test, Unit Test

사실 큰 착각을 하고 있던 것 아닐까평소에 테스트 코드를 제대로 작성도 해본 적 없는 인간이고작 환경설정만 마무리한다고, 테스트가 잘 작동할 리가 없는데...필요한 환경을 만들기 위해 수 없이 많은 모킹을 생성하고, 랩핑하며 깨달았다.가장 작은 단위 Unit으로 나눠서

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

TDD 방법론 학습 계기와 이론 살펴보기

예전에 학과전공, 정보처리기사 자격증을 얻기 위해 공부하던 중 많이 들었던 TDD에 대해 최근에 관심이 생기기 시작하였다.맨 처음 개발을 시작할 때 우선 여러가지 기술스택에 대하여 익혀보고 프로젝트를 설계하여 적용해보기에 급급했었다.기술스택들에 대하여 어느정도 익숙해짐

5일 전
·
0개의 댓글
·

[Nestjs] worker 테스트

Nestjs를 통해서 애플리케이션을 실행하게되면 자동으로 빌드가 먼저 되기 때문에 ts파일로 작성한 워커도 실제 런타임 환경에서는 js파일로 변환되어 있어 별다르게 손을 댈 필요가 없다.하지만, Jest로 테스트를 진행할때는 빌드하지 않고 ts파일인채로 테스트를 하게되

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

Jest&Typescript alias path 사용하기

만일 타입스크립트의 도움으로 alias path를 사용하고 있는 경우 jest에서도 해당 설정을 해주지 않으면 테스트 중 모듈 경로를 제대로 찾지 못한다.jest 설정 파일에서 moduleNameMapper(https://jestjs.io/docs/config

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

테스트를 작성해보자 ! 좋아요 ! 근데 뭘요? (feat. jest)

진짜 딱 이 기분이었다. 아무리 구글링해도 테스트를 작성하는 방법만 써있을 뿐.. 어떤 것을 테스트 해야 하는지에 대해서는 해답을 찾지 못했다.. 단위 테스트를 많이 작성하라는대, 그럼 단순히 버튼 컴포넌트도 테스트를 작성해야 하는 건가?

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

20230522 - RN, jest, mobX

이제 더 이상 문제는 없겠거니 했으나,생각보다 mocking 해야 할 목록이 많았다.우선 react-native-soundhttps://github.com/zmxv/react-native-sound/issues/245이런식으로 SoundMock class를 만

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

20230519 - RN, jest, mobX

현재 맡고있는 프로젝트의 코드 상태가 너무 엉망이어서 log를 찍어가며 작업하는 것은 무리였다. 고민을 하다가 이참에 RN 프로젝트에서 jest 테스트를 굴려볼까 생각하여 과감하게 진행 냅다 지피티한테 물어보고 생각보다 잘 뽑아줘서 놀람 현재 작업하는 RN 프로

6일 전
·
0개의 댓글
·

Nextjs(Beta): Jest/React Test Library

Jest와 React Testing Library는 Unit Testing에 자주 함께 사용됩니다. Next.js 애플리케이션에서 Jest를 사용하는 세 가지 방법이 있습니다:빠른 시작 예제(https://nextjs.org/docs/pages/building

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

[JEST] Mock Function은 무엇일까?

Jest에서 "mock"은 테스트 중에 특정 객체나 함수의 동작을 흉내내거나 대체하는 기능을 의미한다. 이를 통해 테스트 시나리오에 필요한 가짜 동작을 정의하거나, 의존성을 가진 모듈을 격리하여 테스트할 수 있다. 즉, 테스트하기 위해서 흉내만 내는 함수라고 생각할 수

2023년 5월 21일
·
0개의 댓글
·
post-thumbnail

Jest 특정 라이브러리 transform 방지하기.

# 서론 현재 나는 nextjs를 사용해 프로젝트(CNA)를 진행중이다. React로 프로젝트를 진행할 때는 CRA가 jest 또한 자동으로 세팅해주어서 편하게 테스팅을 진행했다. 하지만 Nextjs는 내가 직접 jest를 설치하고 setting해야 했고, 그 과정에서

2023년 5월 21일
·
0개의 댓글
·
post-thumbnail

[JEST] Jest로 비동기 코드 테스트 & 테스트 전후 작업

Javascript로 코드를 작성하다보면 비동기 통신을 할 때가 굉장히 많다. Jest로 비동기 통신을 어떻게 테스트 할 수 있는 지 알아보자. 추가로 describe 문법과 테스트 전후에 해줄 수 있는 헬퍼에 대해서 알아보도록 하겠다.다음과 같은 비동기 함수가 있다고

2023년 5월 21일
·
0개의 댓글
·
post-thumbnail

[JEST] JEST 설치 & 자주 쓰는 Matcher

사이드 프로젝트를 하면서 React Testing-Library를 사용해보려고 한다. React Testing-Library는 Jest 기반으로 가장 많이 사용하기 때문에 Jest의 기초를 배워보고 내 사이드 프로젝트에 어떻게 적용했는지를 글로 작성하려고 한다.Jest

2023년 5월 20일
·
0개의 댓글
·

[jest] jest 를 이용한 코테 자체 테스트

프로그래머스의 코딩 테스트를 보면 저렇게 테스트 케이스 추가하기가 있는데, 이 녀석을 로컬에서 추가할 수 있으면 좋겠다고 생각해 Jest 를 사용해 자체 테스트를 도입해봤다. ▶ jest 란? Facebook(현 Meta) 출신의 jest는 React와 더불어

2023년 5월 20일
·
0개의 댓글
·
post-thumbnail

프로젝트 & 테스트코드(cypress & jest) 절대 경로 설정하기

react & cypress & jest 절대경로 설정하기

2023년 5월 17일
·
0개의 댓글
·
post-thumbnail

Typescript와 Jest를 사용하여 테스트 코드 작성하기

Jest란 페이스북에서 개발한 테스트 프레임워크로 Jest 등장 이전에는 mocha, chai 등 여러가지 테스트 라이브러리를 조합해서 사용했으나 Jest의 등장으로 Test Runner와 Test Mathcher, Test Mock 기능까지 한번에 제공해주기 때문에

2023년 5월 16일
·
0개의 댓글
·

[NestJS] Testing 경로 문제

옛날에 C/C++로 코딩할 때면 하지만 이제는 IntelliJ에서든, VS Code에서든 import ...\`를 손수 타이핑하는 거의 없지. 아래의 1번이나 2번 방식으로 자동으로 import하니까.이런 식으로 여기저기 많은 import를 추가하게 되는데,이때 Nes

2023년 5월 16일
·
0개의 댓글
·

Vite 프로젝트에 Jest 추가하기

Vite로 만들어진 React 프로젝트에 Jest를 추가하는 방법에 대한 설명

2023년 5월 15일
·
0개의 댓글
·
post-thumbnail

테스트 커버리지를 높이면서 코드 개선하기 (with Typescript)

0. 테스트 커버리지를 높이게 된 이유 기존에 내가 해왔던 사이드 프로젝트에서는 Service 로직과 일부 커스텀 클래스에 대한 테스트 코드 정도만 작성해 둔 상태였다. '어차피 Controller는 Service의 메서드를 호출하는 정도의 역할만 하는데 굳이 테스트가

2023년 5월 13일
·
0개의 댓글
·

CI/CD 구축 - 5. Jest, Lint

Jenkins에 Jest, Lint 추가하기

2023년 5월 12일
·
0개의 댓글
·
post-thumbnail

Yarn berry에서 React + TypeScript + Jest + Cypress 세팅하기

yarn berry로 react 프로젝트 설정하기

2023년 5월 11일
·
0개의 댓글
·