Cypress Testing with React - Simple Tutorial

Рет қаралды 32,377

9 ай бұрын

Join The Discord! → discord.cosdensolutions.io
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!

Пікірлер: 28

@cosdensolutions 2 ай бұрын

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

@hamzahahmad1670 4 ай бұрын

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

@phillyt22 2 ай бұрын

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

@tomasburian6550 4 ай бұрын

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.

@bleakCode 6 ай бұрын

I am an intermediate fullstack developer and I really enjoy learning new things about frontend from your channel! Keep up the good work!

@icoderdev 9 ай бұрын

You are truly a life saver, always delivering new concepts and tools.

@cosdensolutions 9 ай бұрын

Let's go hahaha 🤙

@apoorvgupta9680 6 ай бұрын

good content. no bs@@cosdensolutions

@Adam-oq4xq 21 күн бұрын

thanks bro that was really useful - straight to the point

@FursMars 7 ай бұрын

great and clear explanation thank you very much for you video

@cfo3049 27 күн бұрын

Thank´s for sharing your knowledge.🙏

@chesb6426 6 ай бұрын

Great thanks!

@arberplaku529 7 ай бұрын

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

@githinjibonface8486 4 ай бұрын

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

@harag9 6 ай бұрын

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.

@cosdensolutions 6 ай бұрын

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!

@lokeshkavisth 2 ай бұрын

Very great vodeo... Can you make one for nodejs testing?

@user-ll4qy6cg9i 3 ай бұрын

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?

@cosdensolutions 3 ай бұрын

Locally is fine, usually you run them also in github actions or similar

@user-ll4qy6cg9i 3 ай бұрын

@@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

@thaifred 2 ай бұрын

If i use MSW in react vite, should i go with setupServer or setupWorker, i tried both but my mocks always pass the test even with wrong endpoint so i think something is wrong

@chinmayghule8272 2 ай бұрын

For testing you use setupServer (check out the docs, it says for node AND testing).