CYPRESS AUTOMATION : From Scratch To Advanced Frameworks

Enable IntelliSense in VS Code for Cypress by adding reference types, then locate elements by class or id and verify visibility and text with cy.visit, cy.get, and should.

Explore Cypress locators to locate web elements using ID, class, and attribute name strategies, combine attributes, and apply XPath paths for end-to-end testing, including username and password fields.

Learn to handle click events in Cypress with the click command to interact with link text like admin page, visit a site, and verify a logo through automated tests.

master the type command in Cypress to enter text into input fields like username and password, using name-based locators, and run end-to-end tests with npx cypress open.

Learn to locate elements in Cypress using get, contains, and find, interact with pages through clicks on home, read more, and contact, and verify text such as customer care.

Explore beforeEach and afterEach hooks in Cypress to run setup and cleanup code around each test, visit the URL automatically, log results, and reduce repetition in end-to-end testing.

Explore the Cypress .find() command to locate elements inside a parent and refine nested selections using a header panel, left menu, and the solutions, about us, and services items.

Learn to handle dropdowns in Cypress by selecting options by visible text and by index, using id selectors, and run Cypress tests.

Learn how to implement data driven testing in Cypress using an Excel fixture and fixtures folder, reading data with the xlsx package, and running tests across multiple input sets.

Learn to handle checkboxes in Cypress for robust end-to-end testing by checking, unchecking, and verifying checkbox states using IDs, selectors, and should assertions.

Learn to set a base URL globally in Cypress by configuring it in the Cypress configuration file (Cypress.config.js) to create cleaner, more maintainable tests with a single update point.

Record and generate test scripts in Cypress by using the Chrome extension to capture a login test, export it, and run end-to-end tests in VS Code with npx cypress open.

Learn to handle radio buttons in Cypress by selecting, verifying, and interacting with them. Create a Cypress test file, visit the site, and assert which radio buttons are checked.

Learn to handle JavaScript alerts and confirm popups in Cypress, customize behavior, verify alerts with assertions, and create tests to automate alert interactions.

Learn to capture screenshots on test failures in Cypress by configuring run-failure settings, saving images to a dedicated folder, and running tests via cli or gui across browsers.

Automate the login process with Cypress by navigating to the URL, entering username and password, and clicking login, then verify the welcome message in the left panel.

Learn how to automate a signup form with Cypress by creating an end-to-end test that navigates to the site, fills all fields using element IDs, and verifies successful registration.

Master the Cypress clear command to remove text from input fields and reset fields before typing, while using related actions like type, click, and clear cookie for automated tests.

Master Cypress automation from setup to advanced workflows by implementing the doubleclick command to double click elements, validate success messages with assertions, and run tests end-to-end.

Learn to use the Cypress scroll command to scroll by pixel or by position, including top and bottom, to reveal elements not visible on the page.

Automate file uploads with Cypress by selecting single or multiple files, locating the choose file element, and triggering the upload to verify success.

Learn how to capture video in Cypress tests to review each step using a login scenario, navigation, entry, and submission, and run with npx cypress run.

Generate html reports for Cypress by installing a reporter package, configuring the Cypress report directory and html option, and running tests in headless mode to produce shareable results.

Learn to generate unique emails in Cypress tests by importing faker and using faker.internet.email, then insert the value into sign forms or registrations to enable repeated test runs.

Learn how to build a real-time Cypress end-to-end test by automating a complete shopping flow: login, add to cart, verify price, and complete checkout with assertions.

Learn API testing with Cypress, using GET to fetch data and POST to create users, and validate responses with status codes 200 and 201 through hands-on examples in VS Code.

Explore api testing with Cypress by sending post, put, and delete requests, configuring base urls and headers, and validating 200 and 204 responses with json bodies.

explore how to navigate between web pages using Cypress back and forward commands, visit a URL, click the contact element, and verify forward and back behavior in an automated test.

Learn to implement the page object model in Cypress by creating login page objects with visit, enter username, enter password, and click login, achieving cleaner, reusable tests.

Learn data driven testing in Cypress by using fixtures to separate test data from logic, drive login tests with URL, username, and password, and run tests with a fixture file.

Learn how to configure Cypress retries to automatically re-run failed tests, both in headless and GUI modes, by setting run mode, base URL, and retry counts, with a practical example.

Run Cypress tests in headless mode to execute faster without the browser UI, ideal for CI/CD pipelines. Use npx cypress run to run tests headlessly.

Learn how to handle iframes in Cypress by installing and importing the iframe package, loading and switching into the frame, and verifying the 'Drag me' text.

Create reusable custom commands in Cypress to streamline login tests by defining a login command with username and password that visits the site, enters credentials, and clicks login.

Discover how to use the Cypress experimental studio to automatically record test steps by clicking your site, generate test scripts, and run end-to-end tests with base URL configuration.

This Cypress tutorial explains the page object model to keep test code clean, organize pages and fixtures, and enable automatic screenshots on test failure for easier debugging.