Cypress V6 Frameworks Cicd Two React Applications

Mocha Test case Preview 02:54

[Challenge] Mocha Test case Preview 01:45

Mocha Test suite Preview 01:59

Mocha Hooks Preview 04:44

Cypress code auto completion Preview 01:36

Visit Command Preview 03:52

Visit website in different screen sizes Preview 04:02

Visit website in different browsers Preview 01:46

Get command introduction Preview 03:15

Add our HTML File to the project Preview 01:05

Find Element using Tag name Preview 02:25

Find Element using ID Preview 01:42

Find Element using class name Preview 02:45

Find elements using children Preview 03:51

Find elements using find command Preview 02:21

Find elements using eq, first, last commands Preview 02:32

Find Elements using filter command Preview 01:41

Find elements using siblings Preview 04:17

Find elements using text Preview 01:12

Find Element using Attributes Preview 02:26

Find elements timeout Preview 02:47

Cypress runner selectors playground Preview 01:24

Click command Preview 05:33

Type command Preview 03:56

[Challenge] First E2E scenario using type and click Preview 03:16

Select command Preview 01:58

Check and Uncheck command Preview 03:38

Clear command Preview 01:21

Double and Right click commands Preview 01:53

Blur and focus commands Preview 01:53

Mouse hover and long press Preview 04:34

Introduction Preview 01:30

Should have text Preview 03:28

Should be visible Preview 02:48

Should have class Preview 01:54

Should have css Preview 03:50

Should be enabled Preview 01:26

Should have an attribute Preview 02:27

Should have a Value Preview 01:23

Should exercise Preview 01:37

URL command Preview 01:51

Title Command Preview 01:02

Go Command Preview 02:50

Cookies Commands Preview 05:16

Clock command Preview 02:26

wrap command Preview 02:31

Its and Invoke commands Preview 03:41

Then command Preview 02:50

Expect command Preview 04:51

Each command Preview 04:52

Cypress Async Preview 04:08

Cypress Variables Preview 02:43

Aliases accessibility Preview 03:10

Fixtures introduction Preview 03:18

Fill email and password using fixtures Preview 01:45

Fixtures and Before Each Preview 01:51

Changing the default fixtures folder location Preview 02:09

Updating fixtures data file before using them Preview 01:32

ReadFile and WriteFile commands Preview 03:51

Clone our First React App Preview 04:39

Getting to know our App Preview 06:02

Add Cypress to our react project Preview 02:30

Get request using cypress Preview 04:33

Add assertions to the GET response Preview 03:43

Add Parameters to the request Preview 04:12

Post Request Preview 04:35

Put Request Preview 02:54

Delete Request Preview 01:18

Secured API request Preview 04:43

Testing plan Preview 02:22

Add a new todo test case Preview 05:15

Delete all todos in after each hook Preview 02:10

Update todo status test case Preview 02:59

Cypress commands Preview 03:28

Cypress conditional testing Preview 03:17

Add an empty todo test case Preview 02:23

Create test data using UI Preview 05:23

Create test data using API Preview 06:50

Add filter functionality test cases Preview 04:57

Add todos API test cases Preview 08:57

Intercept command introduction Preview 01:57

Intercept command Matcher and Handler Preview 03:53

Stubbing our todos using the Intercept command Preview 07:27

Intercept and fixtures Preview 02:06

Spying on our POST request using intercept Preview 07:14

Run all the specs using Cypress runner Preview 02:35

Run Cypress test from the command line Preview 03:28

Run a specific spec file using Cypress run command Preview 03:39

Run a specific browser using Cypress run command Preview 03:26

Add our commands into the package.json file Preview 03:15

Connect our project to cypress dashboard Preview 10:48

Cypress Dashboard insights Preview 04:54

Cypress Retries Preview 04:00

Flaky tests in the Dashboard Preview 02:14

Cypress Slack notifications Preview 04:18

Cypress Tags Preview 03:37

Cypress Badges Preview 02:48

Add cypress start server and test dependency Preview 08:01

Enable cypress github integration Preview 06:12

Docker introduction and cypress images Preview 05:28

Create Dockerfile and copy our project files and folders into our container Preview 08:03

Run commands and build our container Preview 08:57

Docker ignore file Preview 06:57

Install Jenkins Locally Preview 02:56

Configure Jenkins admin and download the plugins Preview 02:25

Install Docker plugins inside Jenkins Preview 01:08

Build Dockerfile Preview 06:31

Build our pipeline Preview 04:23

Run our pipeline manually Preview 04:30

Trigger Jenkins pipeline periodically Preview 02:56

Trigger Jenkins pipeline Based on a github event Preview 03:13

Create gitlab-ci yml file Preview 04:11

Run our pipeline on Gitlab Preview 07:21

Access test Artifacts (Videos + Screenshots) using gitlab Preview 06:12

Run Cypress Test in Parallel in Gitlab 3 machines Preview 05:33

Create a new CircleCI project Preview 01:19

Create CircleCI config.yml file Preview 06:01

Run our CircleCI Pipeline Preview 03:13

Store Cypress Artifacts in CircleCI Preview 03:03

Run Cypress Test in Parallel in CircleCI Preview 05:41

Final Project Code Preview 00:03

Clone the new React Project Preview 06:00

Getting to know our app Preview 02:31

Add Cypress to the project Preview 01:51

Add Cypress configurations in cypress.json file Preview 02:19

Add data-cy Attribute for the Login Component Preview 08:33

Add a test case using Cypress Studio - Version 6.4 Preview 03:07

Add Login spec assertions Preview 05:20

Cypress React Component Design Technique Preview 11:20

Add some actions inside the login component file Preview 03:51

Add Utils file inside the support Preview 05:04

Login to the application using the API and add the token to the local storage Preview 14:40

Add new course Test case Preview 04:31

Delete Course Test case Preview 03:42

Course page test cases for a normal user Preview 05:25

Add Logout test cases Preview 05:13

Connect to Cypress dashboard Preview 02:54

Add command to run the app and then execute the test Preview 02:50

Enable Slack Notifications Preview 02:26

Create gitlab.yml file Preview 05:37

Run Tests in parallel and save the artifacts Preview 05:15

The complete code Preview 00:03

Create a new Project and download all the dependenices Preview 03:46

Configure cypress-image-snapshot plugin Preview 01:22

Visual Regression Test by taking a snapshot for the full page Preview 07:45

Visual Regression Test by taking a snapshot for a specific element Preview 02:43

Update the base snapshots Preview 03:08

Visual Regression Test on different screen sizes Preview 04:13

create a new React project Preview 01:54

Clean up our Project Preview 02:08

Create Button component Preview 03:53

Configure cypress and @cypress/react dependencies Preview 04:25

Render a component on Different browsers using @cypress/react Preview 03:56

Add test cases for our Button component Preview 05:31

Create Todos List Component Preview 03:58

Fetch Todos from External API Preview 02:39

Create Todo Item component Preview 06:14

Mocking our Todos using Cypress inside the component Preview 05:56

Components and fixtures Preview 02:43

Deal with props in Cypress unit test Preview 03:57