Youtor
Testing a Nextjs App with React Testing Library amp Jest
YOUR LINK HERE:
http://youtube.com/watch?v=XTNqyEBPAFw
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 β / discord • β Buy Me A Coffee β https://www.buymeacoffee.com/davegray • π Follow Me On Social Media: • GitHub: https://github.com/gitdagray • Twitter: / yesdavidgray • LinkedIn: / davidagray • π Starter Source Code: https://github.com/gitdagray/next-tes... • π Completed Source Code: https://github.com/gitdagray/next-tes... • πΊ Testing Your Code playlist: • Testing Your Code • 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/reac... • π 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
#############################
