Step by Step Automation using Cypress-JavaScript

Discover how to write and run your first Cypress test from scratch, create a spec file, define a test suite with describe and it, and automate element actions.

Develop and automate end-to-end registration tests using Cypress, exploring test suite and test case syntax, interact with text boxes, text areas, links, buttons, and controls, with wait and clear actions.

Master locating elements with css selectors, clicking links and buttons, filling text boxes, and testing checkboxes and radio buttons across end-to-end registration scenarios in Cypress JavaScript.

Learn to work with dropdowns in Cypress by locating elements and selecting values by index or by value, using gender and country (India) selections across test cases.

Explore auto execution and manual run in Cypress, centralize base URL in Cypress config, and tune page load timeout to optimize end-to-end tests.

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.

Learn to automate browser actions with Cypress, including navigating back and forward, refreshing pages, scrolling to bring elements into view, and performing pixel-based vertical scrolls, with runtime screenshot capture.

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.

Master basic mouse and keyboard actions in Cypress tests, including click, double click, right click, and typing with alphanumeric and special keys such as home, end, and enter.

Learn how element locators identify elements uniquely on a page using CSS and XPath, with examples like text boxes, dropdowns, checkboxes, and buttons in Cypress automation.

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.

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.

Use css selectors by class with a dot, and a second approach using the tag name with the class to narrow matches. If multiple elements match, skip the locator.

Learn CSS element locator syntax using attributes: use square brackets with attribute name and single-quoted values (like type='email'), and combine tag with any attribute for flexible element selection.

Learn to build CSS selectors by combining id with attributes, such as #pass[type='password'], and validate elements using the CSS and XPath checker.

Combine class selectors with attribute selectors to locate elements, using dot notation for class and square brackets for type attributes, then target input elements and avoid syntax errors.

Explore xpath basics by learning the syntax: select an element with a single static attribute using a double slash and @attribute='value', demonstrated on a login button and a username field.

Learn to locate elements with XPath using multiple attributes and or conditions, such as name or area label, and apply case-sensitive matching in real tests.

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.

Learn to locate elements with XPath using star wildcards for tag name or attribute name, and craft unique selectors to reliably identify elements.

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.

Learn to locate elements by partial inner text using XPath contains, handling dynamic text by matching static substrings, with practical browser examples and a CSS/XPath checker.

Learn to locate elements by XPath using partial attribute values with contains, handling dynamic password fields and inner text, and applying contains to attribute values for reliable element selection.

Learn to locate elements via their parent using XPath techniques. Use the single forward slash to move from table to t body and then to the input.

Learn to locate elements by traversing from child to parent using XPath, moving up through td, tr, tbody, and table, with examples on a Facebook login form and CSS/XPath checker.

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.

Learn to locate elements with complex XPath by combining parent, following sibling, and child axes, demonstrated on a login form to locate username and password inputs.

Develop beginner JavaScript for software testers by creating a project, writing and running code with console.log, using Node.js and npm, VS Code, and executing via terminal or command prompt.

Explore how to handle flaky Cypress tests by applying retries to distinguish environment issues from real bugs, and customize per-test-case configurations with Cypress.config, including timeouts.