Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Dave Gray.
Dave Gray
29819
Testing a Next.js App with React Testing Library & Jest
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Testing a Next.js App with React Testing Library & Jest requires writing unit tests and integration tests. We will look at unit testing vs integration testing and how to do both in Next.js with React Testing Library and Jest.
⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: https://bit.ly/CompNextJSDev
- Advanced React: https://bit.ly/AdvReactDev
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
📬 Course Updates ➜ https://courses.davegray.codes/
❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray
👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
🔗 Starter Source Code: https://github.com/gitdagray/next-testing-intro
🔗 Completed Source Code: https://github.com/gitdagray/next-testing-example-app
📺 "Testing Your Code" playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6NTWVG8eM7Dt43vvzulnIbK
Testing a Next.js App with React Testing Library & Jest
(00:00) Intro
(00:14) Welcome
(00:39) Recommended Prerequisites
(01:04) Lesson Goals
(01:24) Starter Code
(02:27) Example App Preview
(02:47) Unit vs Integration vs E2E Tests
(04:50) Testing Library Query Types
(06:06) __tests__ folder organization
(06:47) Nav component
(07:14) Header component unit tests
(08:59) TodoItem component unit tests
(14:18) TodoList component unit tests
(17:15) AddTodo component unit tests
(21:12) App Integration Tests
(29:14) Notes about Next.js 13
📚 Tutorial References:
🔗 Next.js Official Site: https://nextjs.org/
🔗 React Testing Library: https://testing-library.com/docs/react-testing-library/intro
🔗 Jest: https://jestjs.io/
🔗 TypeScript: https://www.typescriptlang.org/
Was this tutorial about Testing a Next.js app with Jest and React Testing Library helpful? If so, please share. Let me know your thoughts in the comments.
#nextjs #app #testing
Testing a Next.js App with React Testing Library & Jest requires writing unit tests and integration tests. We will look at unit testing vs integration testing and how to do both in Next.js with React Testing Library and Jest.
⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: https://bit.ly/CompNextJSDev
- Advanced React: https://bit.ly/AdvReactDev
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
📬 Course Updates ➜ https://courses.davegray.codes/
❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray
👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
🔗 Starter Source Code: https://github.com/gitdagray/next-testing-intro
🔗 Completed Source Code: https://github.com/gitdagray/next-testing-example-app
📺 "Testing Your Code" playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6NTWVG8eM7Dt43vvzulnIbK
Testing a Next.js App with React Testing Library & Jest
(00:00) Intro
(00:14) Welcome
(00:39) Recommended Prerequisites
(01:04) Lesson Goals
(01:24) Starter Code
(02:27) Example App Preview
(02:47) Unit vs Integration vs E2E Tests
(04:50) Testing Library Query Types
(06:06) __tests__ folder organization
(06:47) Nav component
(07:14) Header component unit tests
(08:59) TodoItem component unit tests
(14:18) TodoList component unit tests
(17:15) AddTodo component unit tests
(21:12) App Integration Tests
(29:14) Notes about Next.js 13
📚 Tutorial References:
🔗 Next.js Official Site: https://nextjs.org/
🔗 React Testing Library: https://testing-library.com/docs/react-testing-library/intro
🔗 Jest: https://jestjs.io/
🔗 TypeScript: https://www.typescriptlang.org/
Was this tutorial about Testing a Next.js app with Jest and React Testing Library helpful? If so, please share. Let me know your thoughts in the comments.
#nextjs #app #testing