Cypress with JavaScript: A Practical Hands-on Course

 Learn Cypress with JavaScript: A Practical Hands-on Course

(UI & API Testing with Cypress, GitHub Actions for CI/CD, Advanced Cypress Features (cy.clock(), cy.tick(), Lodash, custom commands), Handling File Uploads & Date Pickers)

This JavaScript & Cypress Automation course is designed to take you from the fundamentals of JavaScript to advanced Cypress test automation. You’ll start by mastering JavaScript concepts, including variables, data types, functions, and object-oriented programming. Then, you’ll dive into Cypress, learning how to write UI and API tests, interact with web elements, and configure Cypress for real-world automation projects. The course also covers advanced topics like CI/CD integration with GitHub Actions, custom commands, and handling asynchronous operations. Whether you’re a beginner or an experienced tester, this course will equip you with the skills to automate efficiently using Cypress.

What will I Learn by end of this course?

✅ Learn JavaScript basics – variables, functions, and object-oriented programming.
✅ Write clean and efficient JavaScript code.
✅ Automate web applications using Cypress.
✅ Interact with web elements like buttons, dropdowns, and tables.
✅ Perform API testing using Cypress.
✅ Use Cypress for continuous integration with GitHub Actions.
✅ Work with advanced Cypress features like time control and custom commands.

Salient Features:

• 30 Hours of Live Training along with recorded videos
• Lifetime access to the recorded videos
• Course Completion Certificate

Who can enroll in this course?

• Beginners with basic programming knowledge looking to learn Cypress automation testing.
• Software testers interested in enhancing their automation skills using Cypress.
• Developers seeking to expand their proficiency in frontend and backend testing with Cypress and API testing.
• Professionals aiming to integrate Cypress into their testing workflow for more efficient and robust test automation.

Course syllabus:

Section 1 – JavaScript Basics (4 Hours)

• JS values & variables. Understanding let, var and const.
• Primitive data types in JS – Strings, numbers, booleans, undefined, null.
• String manipulation – Basic string methods, template literals, and the usage of Math object.
• Comparison operators – Double(==) and triple(===) equality, type coercion, type of operator. Running JS code from a file.
• Control flow – if…else, switch and ternary operator.
• Logical Operators –  &&, || and ! operator, truthy and falsy values.
• Capture Collections of Data with Arrays – array creation, array methods(push, pop, shift, unshift, slice, splice, sort), arrays as reference types.
• Using Objects – the backbone of Javascript – creating and manipulating objects, nested objects, this keyword basics.
• Using various types of loops in JS – for, while, do..while, for…of, for..in with practical examples.

Section 2 – JavaScript Intermediate(4 Hours)

• Writing reusable code with functions – Writing reusable code, function declarations, expressions, arrow functions, return statements and sample exercises for practice.
• Function scope – global vs local scope, let const var behavior in functions.
• Block scope and function expressions – Anonymous and named functions.
• Callback functions – Using functions as arguments, practical examples.
• Array methods – forEach, map, filter, some, every, reduce and sort.
• Misc features in JS – Default parameters, spread operator, arguments object, rest parameters, destructure arrays and objects.

Section 3 – JavaScript Advanced (3 Hours)

• Object Oriented JS – creating classes, inheritance, super keyword, static properties.
• Understanding the mysterious “this” keyword. Binding of this keyword, arrow functions vs regular functions, call, apply and bind methods.
• Understanding asynchronous code and promises – callbacks and promises, async/await, error handling with try/catch blocks.

Section 4 – Introduction to Cypress (2 Hours)

• Cypress vs Selenium – key differences, architecture.
• Cypress features.
• Setting up the environment – installing nodejs, setting up Cypress and downloading a sample application to run Cypress tests.

Section 5 – Cypress installation (2 Hours)

• Installing Cypress – Step by step setup, initializing a project, setting up package.json.
• Understanding cypress folder structure – Understanding fixtures, plugins, support folders.
• Cypress configuration – cypress.config.js, setting up base urls, environment variables, custom commands.

Section 6 – Interaction with web elements (4 Hours)

• DOM elements – Understanding the DOM, element attributes, HTML structure.
• Creating first test in Cypress – Writing basic tests, using describe(), context(), it() blocks.
• Creating different CSS selectors – Using cy.get(), cy.find(), advanced selectors, handling dynamic elements.
• jQuery in Cypress – Using jQuery methods like text(), val(), attr() and chaining methods.
• Interacting with elements – Handling checkboxes, radio buttons, date pickers, dropdowns and tables.
• File upload – Handling file upload with cy.selectFile() and validation.
• Cypress assertions – should vs expect, assert, expect, chai assertions.

Section 7 – API Testing with Cypress (3 Hours)

• Understanding APIs – Rest APIs, JSON structure, request & response formats.
• Browser API calls – Inspecting network calls, verifying request payloads and responses.
• API interception – Using cy.intercept() in depth, stubbing responses, simulating API errors.
• Firing APIs through Cypress – Make GET, POST, PUT, DELETE requests, validating responses.
• Headless authentication – Handling tokens, cookies and session management.

Section 8 – Continuous integration with Github Actions (2 Hours)

• Setting up CI – Introduction to CI/CD, benefits of integrating Cypress with CI tools.
• GitHub actions – Creating workflows, configuring .yml files, running Cypress tests on push/pull requests.
• Monitoring test results – Generating test reports, handling failures, setting up notifications.

Section 9 – Advanced Cypress (2 Hours)

• Time based testing – Understanding cy.clock() and cy.tick().
• Lodash and Cypress – Utilizing Lodash methods within Cypress tests for data manipulation.
• Advanced DOM interactions – Using invoke, handling hidden elements with show() and hide().
• Custom commands – Creating and using custom Cypress commands, reusable test functions.

Live Sessions Price:

For LIVE sessions – The offer price after discount is 300 USD 259 USD 99 USD Or 13000 INR11900 INR 6900 Rupees

Enroll For Free Demo

Sample Course Completion Certificate:

Your course completion certificate looks like this……

Important Note:

To maintain the quality of our training and ensure smooth progress for all learners, we do not allow batch repetition or switching between courses. Once you enroll in a batch, please make sure to attend the classes regularly as per the schedule. We kindly request you to plan your learning accordingly. Thank you for your support and understanding.