Cypress with JavaScript: A Practical Hands-on Course Day 2

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.