Cypress -Modern Automation Testing from Scratch + Frameworks

Set video resolution, avoid blur by selecting 720p or 1080p, adjust playback to 1.25x or 1.5x, increase volume, and watch in full screen for best learning in the Cypress course.

Install Node.js, set up path variables, install Visual Studio Code, initialize a Cypress project with package.json, and run npm install to fetch Cypress and dependencies on Windows and Mac.

Explore the Cypress test runner, how to open it from the dot bin path in node_modules, and set up end-to-end tests with spec patterns in the Cypress folders.

Understand how Cypress versions update every few weeks while core functionality remains stable amid user interface changes; learn to run tests across browsers and work with specs and run settings.

Build a basic Cypress test from scratch using mocha, describe and it blocks, and learn to visit a URL and run tests with the Cypress test runner.

Learn how Cypress runs tests across Chrome, Firefox, Edge, and Electron, using the test runner or the command line in headless or headed modes for fast, stable automation.

Discover the Cypress project structure, including fixtures for external data, integration and support folders, plugins, node_modules, and the cyprus start config js that governs end-to-end test behavior.

Learn to identify page elements using css selectors in Cypress, building robust locators with id, class, and attributes, and validating them via the Cypress test runner and selector playground.

Use the Cypress test runner’s selector playground and get method to generate CSS selectors, enabling precise element locators and automated typing in an edit box for tests.

Learn to write basic assertions in Cypress by selecting all elements with the product class, and validate the count with should('have.length', 4), while using wait to handle loading.

Master Cypress time-travel logs for step-by-step debugging with before/after screenshots and pinpoint tips. Learn to use visible selectors to exclude invisible elements and select products for actions like add to cart.

Discover practice websites on Rahul Shetty Academy for hands-on Cypress automation across Angular and HTML/PHP e-commerce projects, featuring UI components like checkboxes, dropdowns, radio buttons, alerts, and tables.

Learn how to use Cypress get and find with parent-child chaining to scope actions to a product block, using eq and contains to click add to cart for correct item.

Use Cypress to iterate over products with each, extract the product name text, and add to cart when the name includes cashews, using wrap to resolve promises.

Learn how Cypress manages JavaScript's asynchronous behavior by executing steps in sequence through internal promise handling, ensuring ordered test steps despite asynchronous commands.

Understand Cypress core concepts and architecture, and learn to manage promises with then while grabbing text with the text method for reliable test execution.

Learn to handle async promises in Cypress by aliasing locators, reusing them across steps, and using should assertions to verify UI text and browser console output.

Master Cypress automation from scratch, including adding items to cart, checkout, placing orders, and handling dropdowns and tick boxes.

Learn to automate tick boxes with Cypress using the check method and should be checked assertions, including value verification for options.

Learn to handle static dropdowns with the Cypress select command by choosing options via text or value, verify the selected option, and compare with dynamic dropdown behavior.

Learn to handle dynamic dropdowns in Cypress by typing to reveal options, iterating through results, and clicking the matching item (for example India), with validation that the selection succeeded.

Learn to handle visible and invisible elements in Cypress by verifying visibility with should be visible and should not be visible, and by testing radio buttons and checkboxes.

Cypress automatically handles browser alerts and confirms in web apps, accepting popups without extra code, using browser events and mocha assertions to verify alert text.

Explore how Cypress handles child windows by removing the target attribute with jQuery to keep actions in the same tab, and use cy.origin to handle cross-domain navigation.

Learn to handle web tables with Cypress by iterating the course column with each, using next to reach the price, then resolve promises to validate the price.

Learn how to handle mouse over popups in Cypress by using show and invoke methods to reveal hidden menus, then interact with elements using force clicks for stable automation.

Learn how to handle child windows in Cypress by grabbing href values or removing targets, and use cy.origin to automate cross-domain scenarios safely.

Learn how to handle frames in Cypress with a real-time example, using the cypress-aframe plugin to switch to frames, identify frame-contained elements, and navigate to the mentorship page.

Learn to automate calendar date selection with Cypress by opening the calendar modal, navigating year and month, selecting a date, and asserting the result with dynamic, variable-driven selectors.

Learn an end-to-end Cypress workflow to validate calendar selections with assertions by iterating month elements, handling zero-based indexing, converting strings to numbers, and using invoke and contents for robust validations.

Build an end-to-end e-commerce test from login to purchase using a page object design pattern and data-driven testing, while applying global variables and framework standards to verify four product cards.

Learn to dynamically select Nokia Edge in Cypress using filter and contains text, wrap the yielded element, and click the add button, with dynamic product name replacement.

Master Cypress basics by adding two items to the cart, selecting the first with eq(0), clicking add and checkout, then parse, sum, and assert the total under 200000 using promises.

Wrap up end-to-end Cypress automation by leveraging built-in synchronization and promises to ensure sequential execution, from sign-in to checkout, country selection, and success message assertions, with a live demo.