| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- JS
- BFF아키텍처
- JAVA Script
- cookie 보안
- react
- 노마드 코더
- 코코아톡 클론코딩
- 노마드코더
- HttyOnly Cookie
- cookie 라이브러리
- 생활코딩
- BFF 아키텍처
- tailwindcss
- next.js
- canvas
- jest
- HttpOnly Cookie
- canvas js
- 코딩독학
- HTML
- CSS
- 바닐라 JS로 그림판 만들기
- 코딩일기
- typescript
- canvas image
- clone coding
- javascript
- 프론트엔드
- 프록시 아키텍처
- 바닐라 JS로 크롬 앱 만들기
- Today
- Total
목록jest (3)
Coding Archive
[next.js & jest] Next.js와 TanStack Query(React Query) 테스트 환경에서의 오류
Next.js와 TanStack Query(React Query) 테스트 환경에서 발생한 오류 해결과정 문제 발생로그인 페이지 컴포넌트에서 테스트를 실행할 때 두 가지 주요 오류가 발생했습니다. 1. 라우터 오류invariant expected app router to be mounted 2. 쿼리 클라이언트 오류No QueryClient set, use QueryClientProvider to set one 이 문제들은 Next.js의 App Router와 React Query의 QueryClient가 테스트 환경에서 설정되지 않았기 때문에 발생했습니다. 각각의 문제를 해결하기 위해서 라우터 모킹 및 QueryClient 설정을 추가해야 했습니다. 1. 라우터 오류 해결: Next.js의 useRou..
[next.js & jest] jest와 axios-mock-adapter를 활용한 테스트 방법
회원가입 API 테스트: Jest와 axios-mock-adapter를 활용한 테스트 방법 이번에는 회원가입 API가 정상적으로 작동하는지 확인하기 위해 Axios를 이용한 POST 요청을 테스트하는 내용을 다룹니다. axios-mock-adapter를 사용하여 네트워크 요청을 모킹(mocking)하여 실제 서버와의 통신 없이도 테스트를 진행하였습니다. 이 글에서는 성공적인 회원가입 요청과 에러가 발생하는 요청을 테스트하는 방법과 과정 중에 발생한 에러들에 대해 설명합니다. 1. Axios와 axios-mock-adapter 소개Axios: HTTP 요청을 보내기 위한 JavaScript 라이브러리입니다. 브라우저와 Node.js 환경 모두에서 동작하며, 간단한 API로 POST, GET, PUT, ..
[next.js & jest] Jest 설치 및 구성 가이드: Next.js + TypeScript 환경에서의 Jest 사용법
Jest 설치 및 구성 가이드: Next.js + TypeScript 환경에서의 Jest 사용법 이번에는 Next.js와 TypeScript 프로젝트에서 Jest를 설치하고 구성하는 방법을 단계별로 설명합니다. Jest는 자바스크립트 테스트 프레임워크로, 테스트 코드 작성과 테스트 실행을 빠르고 쉽게 할 수 있도록 도와줍니다. 1. Jest 설치Step 1: Jest 패키지 설치먼저, Jest와 TypeScript 환경에서 Jest를 사용할 수 있도록 필요한 패키지를 설치해야 합니다.yarn add jest ts-jest jest-environment-jsdom @types/jest @testing-library/react @testing-library/jest-dom @testing-library/do..