No video

Cypress Testing with React - Simple Tutorial

  Рет қаралды 44,944

Cosden Solutions

Cosden Solutions

Күн бұрын

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!

Пікірлер: 27
@cosdensolutions
@cosdensolutions 5 ай бұрын
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
@hamzahahmad1670 7 ай бұрын
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
@phillyt22 6 ай бұрын
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
@tomasburian6550 7 ай бұрын
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.
@waleedsharif618
@waleedsharif618 16 күн бұрын
How about react testing library ?
@bleakCode
@bleakCode 9 ай бұрын
I am an intermediate fullstack developer and I really enjoy learning new things about frontend from your channel! Keep up the good work!
@icoderdev
@icoderdev Жыл бұрын
You are truly a life saver, always delivering new concepts and tools.
@cosdensolutions
@cosdensolutions Жыл бұрын
Let's go hahaha 🤙
@apoorvgupta9680
@apoorvgupta9680 9 ай бұрын
good content. no bs@@cosdensolutions
@Adam-oq4xq
@Adam-oq4xq 4 ай бұрын
thanks bro that was really useful - straight to the point
@FursMars
@FursMars 10 ай бұрын
great and clear explanation thank you very much for you video
@cfo3049
@cfo3049 4 ай бұрын
Thank´s for sharing your knowledge.🙏
@jou3883
@jou3883 Ай бұрын
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 ?
@chesb6426
@chesb6426 9 ай бұрын
Great thanks!
@arberplaku529
@arberplaku529 11 ай бұрын
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
@githinjibonface8486 8 ай бұрын
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
@harag9 10 ай бұрын
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
@cosdensolutions 10 ай бұрын
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
@lokeshkavisth 6 ай бұрын
Very great vodeo... Can you make one for nodejs testing?
@fluffcedro5643
@fluffcedro5643 3 ай бұрын
Hi, it says Your system is missing the dependency: Xvfb Install Xvfb and run Cypress again. Could you help me please?
@user-ll4qy6cg9i
@user-ll4qy6cg9i 6 ай бұрын
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
@cosdensolutions 6 ай бұрын
Locally is fine, usually you run them also in github actions or similar
@user-ll4qy6cg9i
@user-ll4qy6cg9i 6 ай бұрын
@@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
@user-wi7sz2ip6n
@user-wi7sz2ip6n 6 ай бұрын
How to call api
@ooorayooonyoooo
@ooorayooonyoooo Жыл бұрын
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 🤍
@githinjibonface8486
@githinjibonface8486 8 ай бұрын
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
@ashishjain6723
@ashishjain6723 8 ай бұрын
Page object is easy to fix the failed test cases and reduce rework
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Рет қаралды 198 М.
Cypress для End2end тестирования. Первый взгляд
26:12
Михаил Непомнящий
Рет қаралды 31 М.
Пройди игру и получи 5 чупа-чупсов (2024)
00:49
Екатерина Ковалева
Рет қаралды 4,4 МЛН
Cute kitty gadgets 💛
00:24
TheSoul Music Family
Рет қаралды 17 МЛН
The CUTEST flower girl on YouTube (2019-2024)
00:10
Hungry FAM
Рет қаралды 7 МЛН
When To Unit, E2E, And Integration Test
14:58
ThePrimeTime
Рет қаралды 95 М.
These Coding Projects Give You An Unfair Advantage
14:39
Harkirat Singh
Рет қаралды 348 М.
Cypress tests from Chrome
4:26
Rester Test
Рет қаралды 297
Cypress Unit Testing In React Application
21:16
For Those Who Code
Рет қаралды 19 М.
Why Vitest Is Better Than Jest
13:13
Web Dev Simplified
Рет қаралды 133 М.
What is end to end testing | Cypress introduction
11:38
Hitesh Choudhary
Рет қаралды 25 М.
Design patterns in React
14:37
Cosden Solutions
Рет қаралды 159 М.
Stop Writing So Many Tests
10:02
Web Dev Simplified
Рет қаралды 88 М.
Cypress End-to-End Testing
9:34
Fireship
Рет қаралды 304 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 587 М.