Cypress Testing with React - Simple Tutorial
Vložit
- čas přidán 21. 08. 2024
- Join The Discord! → discord.cosden...
In this video we will learn about testing a React application with Cypress. With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds. We will setup a simple application, write our first e2e test, and make sure that everything behaves as we expect!
Hey everyone! I just launched 🚀 Project React, which is a course that teaches you React by building a real-world project. It goes way beyond what you see in these videos and walks you through step-by-step on how to build a big and complex application with React! You can check it out here: cosden.solutions/project-react
Really appreciate short videos that give enough of a good introduction to get us going, without taking 30 - 40 minutes to get to the point
Thank you for this tutorial.
For those not using TS, and still experiencing the red line error for cy, create an .eslintrc file (if you don't have one already), and add:
{
"extends": ["react-app"],
"plugins": ["cypress"],
"env": {
"cypress/globals": true
}
}
also install this if you run into an error while re running your react app: npm install eslint-plugin-cypress --save-dev
I am an intermediate fullstack developer and I really enjoy learning new things about frontend from your channel! Keep up the good work!
Cypress is now everywhere, so it's good for anyone aiming to increase his seniority in development to learn it. Thanks for this vid, it's a great help.
How about react testing library ?
You are truly a life saver, always delivering new concepts and tools.
Let's go hahaha 🤙
good content. no bs@@cosdensolutions
thanks bro that was really useful - straight to the point
great and clear explanation thank you very much for you video
Thank´s for sharing your knowledge.🙏
What’s this react-query-tutorial is about? I understand that you’re doing testing on the project but what are we testing on ? You didn’t show what the modules in the projects are. What’s in the index.html file, or other components ?
Great amazing video thank you for your content if it would be possible could you maybe make more videos about testing with cyphress in the future
Hi, it says Your system is missing the dependency: Xvfb
Install Xvfb and run Cypress again.
Could you help me please?
Great thanks!
Very great vodeo... Can you make one for nodejs testing?
In case i get a job as a cypress automation engineer, is it a must i use page object model as a design pattern? Or i can use the other way around
Great video and quick overview, What are your thoughts between JEST, Cypress or "A N Other" ? I've heard of jest, but not looked into it yet.
they are all great imo, there's also playwright. Use the one that makes the most sense for the project, which means try them out and get a feel for how they differ, then apply them!
I read if i want to use the Cloud that is not free, do i need to use the cloud or is it enough to just run the test locally?
Locally is fine, usually you run them also in github actions or similar
@@cosdensolutions Would component test and e2e test with cypress be enough? Currently i just have unit with vitest, also is there a way to run all cypress test like npm test or do i always need to open cypress tool? alot thanks in advance love ur videos
How to call api
hello cosden, i would really love if you take uploading video explaining what you should do and how to use typescript in react into account 🤍
In case i get a job as a cypress automation engineer, is it a must i use page object model as a design pattern? Or i can use the other way around
Page object is easy to fix the failed test cases and reduce rework