Step by Step Automation using Cypress-JavaScript

Name: Step by Step Automation using Cypress-JavaScript
Rating: 4.5 (34 reviews)

Step by Step Cypress, Cypress Test Runner, BDD Framework

Created byAutomation World

Last updated 8/2025

English

What you'll learn

Will be ready to Write Web Automation Scripts single handedly with best practices
Expert level understanding of Cypress with real time implementation
Detailed knowledge of Cypress Concepts, Chai and Mocha library
Will be able to Design and Use Design pattern like POM and Reporting Implementation

Course content

5 sections • 32 lectures • 3h 9m total length

Introduction and End to End Setup11:32
Start Cypress Automation10:26
Create Project Structure10:50
Initialize a Cypress project, automatically generate a folder structure with fixture, support, and e2e files, configure Cypress settings, and scaffold a sample spec for end-to-end testing.

Auto Execution | Page Timeout | Base URL7:30
Retry Execution | Change Configuration by coding5:41
Learn to manage flaky Cypress tests by configuring retries and timeouts, distinguishing environment issues from actual bugs, and overriding settings for individual tests through code.
Browser Buttons & Scroll on Browser10:14
Screenshot and Focus6:16
Master focus and blur commands in Cypress to highlight elements, then capture page and element screenshots, learning how to name and inspect images from test cases.
Keyboard and Mouse Operations13:48

Element Locators2:11
Use XPATH in Automation Script10:48
Learn to use XPath in Cyprus automation scripts by installing Cyprus XPath, loading it in the E2E JS file, and using cy.xpath alongside CSS for element locators.
Element Locator - CSS Syntax 13:35
Learn the first css element locator syntax by locating an element with an id using hash notation, and the tag with id approach, with examples from Facebook and CSS/XPath checker.
Element Locator - CSS Syntax 22:54
Element Locator - CSS Syntax 32:50
Element Locator - CSS Syntax 42:45
Learn to build CSS selectors by combining id with attributes, such as #pass[type='password'], and validate elements using the CSS and XPath checker.
Element Locator - CSS Syntax 52:14
Locate Element by Xpath - Syntax 15:08
Locate Element by Xpath - Syntax 24:52
Locate Element by Xpath - Syntax 32:19
This lecture shows locating elements with xpath using multiple attributes and the and operator to require all values match, demonstrated on a Facebook date of birth example to build locator.
Locate Element by Xpath - Syntax 43:00
Locate Element by Xpath - Syntax 53:03
Learn to locate elements with xpath using inner text when attributes are dynamic. Apply exact inner text for div and a, and anticipate partial text techniques in future syntax.
Locate Element by Xpath - Syntax 62:48
Locate Element by Xpath - Syntax 72:20
Locate Element by Xpath - Syntax 86:41
Locate Element by Xpath - Syntax 93:11
Locate Element by Xpath - Syntax 103:30
Learn to locate web elements with XPath using sibling relationships, including following-sibling and preceding-sibling, through practical login form examples and step-by-step demonstrations.
Locate Element by Xpath - Syntax 114:41

Requirements

Basic understanding of Windows Operating System
Good to have understanding of Manual Testing, Processes, Functional & Regression Testing
Should be ready to invest atleast 30mins a day for practice and concept implementation

Description

Cypress - One of the most popular Java Script Framework for Web Automation, fast, easy and reliable testing for anything that runs in a browser.

This Course includes -

Web Automation with Cypress
Cypress Test Runner features
Cypress Integration Testing
JavaScript Frameworks from Scratch using Mocha & Cucumber

These top class videos are completely designed from scratch using many real time examples with in detail explanation on each and every concept of Cypress along with Framework design best Practices

Below is the high level Content we Cover in the course:

Introduction to Cypress
Step by Step Cypress Installation & Project Setup
Cypress Test Runner features and practical use
Cypress Basic Commands for Automation
UI Automation (Checkboxes, Radio buttons, Edit boxes, Dropdowns with Cypress)
Handling Child windows and Frames with Cypress
Cypress Assertions in detail
Cypress Framework Best Practices
Cypress Fixtures and Custom commands
Page object Design pattern with Cypress tests
Test Parameterization and Data driven Testing with Cypress
Configuration properties and environmental variables
Cypress Dashboard features with video recording and Screenshots
Cypress Cucumber BDD Integration
Cucumber Data Driven, Tagging, Hooks, HTML reporting features for Cypress Tests
XHR Testing with Cypress
JavaScript Basics

Practical implementation of JavaScript

Web Automation basic with best practices

End to End Framework implementation

Best Practices with interview questions

Real time application scenario

Introduction to Mocha and Chai library

Who this course is for:

Manual Testers Looking Opportunity in Web Automation using Cypress
Freshers looking for opportunity in Automation Testing
Any professional want to start carrier in JavaScriptAutomation

Step by Step Automation using Cypress-JavaScript

What you'll learn

Explore related topics

Course content

Introduction | Setup | Start Automation Project3 lectures • 33min

Write First Test Case in Cypress- Working on Basic Element4 lectures • 28min

Work on Common Configurations & Browser Actions5 lectures • 43min

Learn Element Locators : - CSS and Xpath18 lectures • 1hr 9min

Learn JavaScript : Step by Step2 lectures • 17min

Requirements

Description

Who this course is for: