it + it tool dbeaver portable DBeaver portable ๋ฒ์ ์ฅ์ DBeaver ํฌํฐ๋ธ(portable) ๋ฒ์ ์ฅ์ ์ ํ์ฌ PC์์ ์ฌ์ฉํ๋ ๋ฒ์ ์ ํด๋ ๋จ์๋ก ์์ถํ์ฌ ์ง์์ ๊ฐ์ ํ๊ฒฝ์ ๊ตฌ์ฑ ํ ์ ์์ต๋๋ค. wono | discuss | tweet + it dev jest mock [JEST] ๐ ๋ชจํน Mocking ์ ๋ฆฌ - jest.fn / jest.mock /jest.spyOnMocking ์๋ฆฌ mocking์ด๋ (mock = ๋ชจ์กฐํ) ๋ป ๊ทธ๋๋ก ๋ฐ์๋๋ฆฌ๋ฉด ๋๋ค. ์ฆ ํ ์คํธํ๊ณ ์ ํ๋ ์ฝ๋๊ฐ ์์กดํ๋ function์ด๋ class์ ๋ํด ๋ชจ์กฐํ์ ๋ง๋ค์ด '์ผ๋จ' ๋์๊ฐ๊ฒ ํ๋ ๊ฒ์ด๋ค. ํ๋ง๋๋ก, ๋จ์ ํ ์คํธ๋ฅผ ์์ฑํ ๋, ํด๋น ์ฝ๋๊ฐ ์์กดํ๋ ๋ถ๋ถ์ ๊ฐ์ง(mock)๋ก ๋์ฒดํ๋ ๊ธฐ๋ฒ์ ๋งํ๋ค. ์ ๊ฐ์ง๋ก ๋์ฒดํ๋๊ฐ? ํ ์คํธ ํ๊ณ ์ถ์ ๊ธฐ๋ฅ์ด ๋ค๋ฅธ ๊ธฐ๋ฅ๋ค๊ณผ ์ฎ์ฌ์์ ๊ฒฝ์ฐ(์์กด) ์ ํํ ํ ์คํธ๋ฅผ ํ๊ธฐ ํ๋ค๊ธฐ ๋๋ฌธ์ด๋ค. ์๋ฅผ๋ค์ด request body์ ์ฌ์ฉ์์ id์ password๋ฅผ ๋ฃ์ด์ post์์ฒญ์ ๋ณด๋ด๋ฉด ์ปจํธ๋กค๋ฌ์์ ์ ๋ณด๋ฅผ ์ถ์ถํ ํ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ๋ฃ์ด์ฃผ๋ ๋จ์ํ ์คํธ๋ฅผ ํ๊ณ ์ถ๋ค๊ณ ํ์. ์ปจํธ๋กค๋ฌ๋ ๋ผ์ฐํฐ์์ ์๋ต์ ๋ณด๋ด๋ ๋ฏธ๋ค์จ์ด๋ฅผ ํน๋ณํ ๋ถ๋ฅด๋ ๋ง์ด๋ค. ๊ทธ๋ฅ ํจ์๋ค. ๋ฐ.. wono | discuss | tweet + it dev nextjs jest prisma Next.js, Prisma, Jestใงใตใผใใผใตใคใใฎใในใใใใ wono | discuss | tweet + it dev nextjs NextJs best boiler plateBest Boilerplate and Starter for Next.js with App Router support, Tailwind CSS, and TypeScript. โNextJs best boiler plateโ is published by Mahernaija. wono | discuss | tweet + it dev vitest prisma Next.js(App Router)ใงไฝใฃใTODOใขใใชใซVitestใงใในใใ่ฟฝๅ ใใพใใ wono | discuss | tweet + it dev jest prisma Unit testing with Prisma ORM | Prisma DocumentationLearn how to setup and run unit tests with Prisma Client wono | discuss | tweet + it dev vitest Simple Unit Testing with Vitest: NextJS AppUnit testing considers only a unit in an isolated environment whereas there could be a block of code a.k.a function, or component. For better understanding, I will create a simple project toโฆ wono | discuss | tweet + it dev vitest How to Mock Fetch API in VitestIn this article, we will learn how to mock the fetch API in Vitest in a to-do list service file. we will use the global along with vi.fn(). wono | discuss | tweet + it dev nextjs api Next.jsใฎAPIใซใผใใใในใใใ wono | discuss | tweet + it dev nextjs jest NextJs 14 โ App Router and Unit Testing (w/ async pages)Unit-test in NextJs14 using JEST with practical examples. wono | discuss | tweet + it dev nextjs NextJS 14 app directory route.js testing fails with Vitest wono | discuss | tweet + it blog jest ๋จ์ ํ ์คํธ๋ก ๋ณต์กํ ๋๋ฉ์ธ์ ํ๋ก ํธ ํ๋ก์ ํธ ์ ๋ณตํ๊ธฐ(feat. Jest) wono | discuss | tweet + it dev nextjs mock How do I test routes made with the app router in NextJS? I'm using vitest for this wono | discuss | tweet + it dev nextjs vitest Next.js application testing with Vitest and testing libraryIn this article, weโll continue testing Next.js application using Vitest and testing library, and delve into testing more complex components that interact with APIs, Redux selectors, and customโฆ wono | discuss | tweet + it dev nextjs vitest ํ๋ก ํธ์๋์์ Nextjs์ Vitest๋ฅผ ์ฌ์ฉํด ์์ฝ๊ฒ ํ ์คํ ํ๊ธฐ (๊ทธ๋ฆฌ๊ณ ๊ฐ๋ฐ ์ฌ๋ฐ๊ฒ ํ๊ธฐ)ํ๋ก ํธ์๋ ์ง์์์ ํ ์คํ ์ ํ์๋ก ์ฌ๊ฒจ์ง์ง ์๋ ๊ฒฝ์ฐ๊ฐ ์ ๋ฒ ๋ง์ต๋๋ค. ๊ฐ๊ธฐ ๋ค๋ฅธ ์ด์ ๊ฐ ์๊ฒ ์ง๋ง ์ ๊ฒฝํ์ ์ ๋ โ๋ฐ๋น ์'๊ฐ ์ฃผ๋ ์ด์ ์๋ ๊ฒ ๊ฐ์ต๋๋ค. unit testing, integration testing, e2e testing ๋ชจ๋ 100%์ ์ปค๋ฒ๋ฆฌ์ง๋ก ํ ์คํ ์ ์งํํด์ ๋์ ์ ์ด์ผ ์๊ฒ ๋ค๋ง, ์ฐ๋ฆฌ์ ์ธ๋ถํ๊ฒฝ์ ๊ธฐ๋ค๋ ค ์ค ์ ์์ต๋๋ค. ํนํโฆ wono | discuss | tweet + it dev nextjs jest How to Unit Test Next.js API Routes with TypescriptNext.js is an awesome frontend framework. Itโs powered by React under the hood so it plays well with everything React has to offer out of the box: Hooks, Context, hot browser reloading, Typescriptโฆ wono | discuss | tweet + it tool playwright E2E ํ ์คํธ๋ก ์ Playwright ์ ํํ๋๊ฐ?์ด ๊ธ์ 'E2E ํ ์คํธ ๋๊ตฌ(tool)๋ค ๋ถ๋ฅํ๊ธฐ'์ ์ด์ 3๋ฒ์งธ ์ฐ์ฌ๋ฌผ์ ๋๋ค. ์์ ๋ถ๋ฅํ๋ Progressive automation๊ณผ Test runner ์์ญ์์ ๊ฐ๊ฐ์ ๋๊ตฌ๋ฅผ ์ ํํ์ต๋๋ค. ์ด๋ ์ ํ์ ๊ธฐ์ค์ ์ธ์ฐ๊ณ ๊ทธ ๊ธฐ์ค์ ๋ง๊ฒ๋ ์ ํ์ ํ๋๋ฐ์. ๊ทธ ์ ํ ๊ณผ์ ์ ์ ๋ฆฌํด ๋ณธ ๊ธ์ ๋๋ค. ๋ชฉ์ฐจ ๋ฌด์์ ์ ํํ๋๊ฐ? ์ ์ ํํ๋๊ฐ? ์ฑ๋ฅ ๋ค์ํ ๋ธ๋ผ์ฐ์ ์ง์ ๋ณ๋ ฌ์ฒ๋ฆฌ ๋ฉํฐ Tab ์ง์ ์ Cucumber๋ ์ ํํ์ง ์์๋? ๋ง๋ฌด๋ฆฌ ์ฐ์ฌ๋ฌผ ํ ์คํธ๋ ์ข ๋ฅ๊ฐ ์๋ค.(๋งํฌ) E2E ํ ์คํธ ๋๊ตฌ(tool)๋ค ๋ถ๋ฅํ๊ธฐ.(๋งํฌ) E2E ํ ์คํธ๋ก ์ Playwirght ์ ํํ๋๊ฐ?(๋งํฌ) Playwright, Auth ์๋ํ์ API Mocking(๋งํฌ) Playwright ๋น๋ ์๋ํ ๊ตฌ์ถ(๋งํฌ) VScode๋ฅผ.. wono | discuss | tweet + it tool test playwright API testing | PlaywrightIntroduction wono | discuss | tweet + it dev nextjs jest Mastering Jest: A Complete Guide to Testing Next.js Applications Part-1In the fast-paced world of web development, creating robust and bug-free applications is paramount.... Tagged with jest, testing, nextjs, react. wono | discuss | tweet + it dev nextjs jest Unit Test Next.js API Routes with TypeScript (longer-version)Testing API routes sucks, especially when using TypeScript. This article covers how to unit test Next.js API routes with TypeScript using Jest and React Testing Libraries. With the release of Next.jsโฆ wono | discuss | tweetNext
+ it tool dbeaver portable DBeaver portable ๋ฒ์ ์ฅ์ DBeaver ํฌํฐ๋ธ(portable) ๋ฒ์ ์ฅ์ ์ ํ์ฌ PC์์ ์ฌ์ฉํ๋ ๋ฒ์ ์ ํด๋ ๋จ์๋ก ์์ถํ์ฌ ์ง์์ ๊ฐ์ ํ๊ฒฝ์ ๊ตฌ์ฑ ํ ์ ์์ต๋๋ค. wono | discuss | tweet
+ it dev jest mock [JEST] ๐ ๋ชจํน Mocking ์ ๋ฆฌ - jest.fn / jest.mock /jest.spyOnMocking ์๋ฆฌ mocking์ด๋ (mock = ๋ชจ์กฐํ) ๋ป ๊ทธ๋๋ก ๋ฐ์๋๋ฆฌ๋ฉด ๋๋ค. ์ฆ ํ ์คํธํ๊ณ ์ ํ๋ ์ฝ๋๊ฐ ์์กดํ๋ function์ด๋ class์ ๋ํด ๋ชจ์กฐํ์ ๋ง๋ค์ด '์ผ๋จ' ๋์๊ฐ๊ฒ ํ๋ ๊ฒ์ด๋ค. ํ๋ง๋๋ก, ๋จ์ ํ ์คํธ๋ฅผ ์์ฑํ ๋, ํด๋น ์ฝ๋๊ฐ ์์กดํ๋ ๋ถ๋ถ์ ๊ฐ์ง(mock)๋ก ๋์ฒดํ๋ ๊ธฐ๋ฒ์ ๋งํ๋ค. ์ ๊ฐ์ง๋ก ๋์ฒดํ๋๊ฐ? ํ ์คํธ ํ๊ณ ์ถ์ ๊ธฐ๋ฅ์ด ๋ค๋ฅธ ๊ธฐ๋ฅ๋ค๊ณผ ์ฎ์ฌ์์ ๊ฒฝ์ฐ(์์กด) ์ ํํ ํ ์คํธ๋ฅผ ํ๊ธฐ ํ๋ค๊ธฐ ๋๋ฌธ์ด๋ค. ์๋ฅผ๋ค์ด request body์ ์ฌ์ฉ์์ id์ password๋ฅผ ๋ฃ์ด์ post์์ฒญ์ ๋ณด๋ด๋ฉด ์ปจํธ๋กค๋ฌ์์ ์ ๋ณด๋ฅผ ์ถ์ถํ ํ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ๋ฃ์ด์ฃผ๋ ๋จ์ํ ์คํธ๋ฅผ ํ๊ณ ์ถ๋ค๊ณ ํ์. ์ปจํธ๋กค๋ฌ๋ ๋ผ์ฐํฐ์์ ์๋ต์ ๋ณด๋ด๋ ๋ฏธ๋ค์จ์ด๋ฅผ ํน๋ณํ ๋ถ๋ฅด๋ ๋ง์ด๋ค. ๊ทธ๋ฅ ํจ์๋ค. ๋ฐ.. wono | discuss | tweet
+ it dev nextjs jest prisma Next.js, Prisma, Jestใงใตใผใใผใตใคใใฎใในใใใใ wono | discuss | tweet
+ it dev nextjs NextJs best boiler plateBest Boilerplate and Starter for Next.js with App Router support, Tailwind CSS, and TypeScript. โNextJs best boiler plateโ is published by Mahernaija. wono | discuss | tweet
+ it dev vitest prisma Next.js(App Router)ใงไฝใฃใTODOใขใใชใซVitestใงใในใใ่ฟฝๅ ใใพใใ wono | discuss | tweet
+ it dev jest prisma Unit testing with Prisma ORM | Prisma DocumentationLearn how to setup and run unit tests with Prisma Client wono | discuss | tweet
+ it dev vitest Simple Unit Testing with Vitest: NextJS AppUnit testing considers only a unit in an isolated environment whereas there could be a block of code a.k.a function, or component. For better understanding, I will create a simple project toโฆ wono | discuss | tweet
+ it dev vitest How to Mock Fetch API in VitestIn this article, we will learn how to mock the fetch API in Vitest in a to-do list service file. we will use the global along with vi.fn(). wono | discuss | tweet
+ it dev nextjs jest NextJs 14 โ App Router and Unit Testing (w/ async pages)Unit-test in NextJs14 using JEST with practical examples. wono | discuss | tweet
+ it blog jest ๋จ์ ํ ์คํธ๋ก ๋ณต์กํ ๋๋ฉ์ธ์ ํ๋ก ํธ ํ๋ก์ ํธ ์ ๋ณตํ๊ธฐ(feat. Jest) wono | discuss | tweet
+ it dev nextjs mock How do I test routes made with the app router in NextJS? I'm using vitest for this wono | discuss | tweet
+ it dev nextjs vitest Next.js application testing with Vitest and testing libraryIn this article, weโll continue testing Next.js application using Vitest and testing library, and delve into testing more complex components that interact with APIs, Redux selectors, and customโฆ wono | discuss | tweet
+ it dev nextjs vitest ํ๋ก ํธ์๋์์ Nextjs์ Vitest๋ฅผ ์ฌ์ฉํด ์์ฝ๊ฒ ํ ์คํ ํ๊ธฐ (๊ทธ๋ฆฌ๊ณ ๊ฐ๋ฐ ์ฌ๋ฐ๊ฒ ํ๊ธฐ)ํ๋ก ํธ์๋ ์ง์์์ ํ ์คํ ์ ํ์๋ก ์ฌ๊ฒจ์ง์ง ์๋ ๊ฒฝ์ฐ๊ฐ ์ ๋ฒ ๋ง์ต๋๋ค. ๊ฐ๊ธฐ ๋ค๋ฅธ ์ด์ ๊ฐ ์๊ฒ ์ง๋ง ์ ๊ฒฝํ์ ์ ๋ โ๋ฐ๋น ์'๊ฐ ์ฃผ๋ ์ด์ ์๋ ๊ฒ ๊ฐ์ต๋๋ค. unit testing, integration testing, e2e testing ๋ชจ๋ 100%์ ์ปค๋ฒ๋ฆฌ์ง๋ก ํ ์คํ ์ ์งํํด์ ๋์ ์ ์ด์ผ ์๊ฒ ๋ค๋ง, ์ฐ๋ฆฌ์ ์ธ๋ถํ๊ฒฝ์ ๊ธฐ๋ค๋ ค ์ค ์ ์์ต๋๋ค. ํนํโฆ wono | discuss | tweet
+ it dev nextjs jest How to Unit Test Next.js API Routes with TypescriptNext.js is an awesome frontend framework. Itโs powered by React under the hood so it plays well with everything React has to offer out of the box: Hooks, Context, hot browser reloading, Typescriptโฆ wono | discuss | tweet
+ it tool playwright E2E ํ ์คํธ๋ก ์ Playwright ์ ํํ๋๊ฐ?์ด ๊ธ์ 'E2E ํ ์คํธ ๋๊ตฌ(tool)๋ค ๋ถ๋ฅํ๊ธฐ'์ ์ด์ 3๋ฒ์งธ ์ฐ์ฌ๋ฌผ์ ๋๋ค. ์์ ๋ถ๋ฅํ๋ Progressive automation๊ณผ Test runner ์์ญ์์ ๊ฐ๊ฐ์ ๋๊ตฌ๋ฅผ ์ ํํ์ต๋๋ค. ์ด๋ ์ ํ์ ๊ธฐ์ค์ ์ธ์ฐ๊ณ ๊ทธ ๊ธฐ์ค์ ๋ง๊ฒ๋ ์ ํ์ ํ๋๋ฐ์. ๊ทธ ์ ํ ๊ณผ์ ์ ์ ๋ฆฌํด ๋ณธ ๊ธ์ ๋๋ค. ๋ชฉ์ฐจ ๋ฌด์์ ์ ํํ๋๊ฐ? ์ ์ ํํ๋๊ฐ? ์ฑ๋ฅ ๋ค์ํ ๋ธ๋ผ์ฐ์ ์ง์ ๋ณ๋ ฌ์ฒ๋ฆฌ ๋ฉํฐ Tab ์ง์ ์ Cucumber๋ ์ ํํ์ง ์์๋? ๋ง๋ฌด๋ฆฌ ์ฐ์ฌ๋ฌผ ํ ์คํธ๋ ์ข ๋ฅ๊ฐ ์๋ค.(๋งํฌ) E2E ํ ์คํธ ๋๊ตฌ(tool)๋ค ๋ถ๋ฅํ๊ธฐ.(๋งํฌ) E2E ํ ์คํธ๋ก ์ Playwirght ์ ํํ๋๊ฐ?(๋งํฌ) Playwright, Auth ์๋ํ์ API Mocking(๋งํฌ) Playwright ๋น๋ ์๋ํ ๊ตฌ์ถ(๋งํฌ) VScode๋ฅผ.. wono | discuss | tweet
+ it dev nextjs jest Mastering Jest: A Complete Guide to Testing Next.js Applications Part-1In the fast-paced world of web development, creating robust and bug-free applications is paramount.... Tagged with jest, testing, nextjs, react. wono | discuss | tweet
+ it dev nextjs jest Unit Test Next.js API Routes with TypeScript (longer-version)Testing API routes sucks, especially when using TypeScript. This article covers how to unit test Next.js API routes with TypeScript using Jest and React Testing Libraries. With the release of Next.jsโฆ wono | discuss | tweet