Cypress V13 Web & API Automation Framework - Novice To Ninja

Verify Windows 32/64 bit, install Node.js and Visual Studio Code, configure NODE_HOME and PATH, and create a Cyprus Tutorial project opened in VS Code.

Set up the mac-based Cypress automation environment by installing nodejs and npm, installing visual studio code, and creating a Cypress Tutorial project in your workspace.

Install Cypress with npm and save it as a dev dependency, then initialize the project with npm init and confirm package.json records the dependency.

Explore the Cypress test runner, run end-to-end tests from the terminal or Visual Studio Code, and navigate the project structure with example specs and commands.

Explore Cypress folder structure: fixtures for external test data and the E2E folder for test cases. Understand the support folder and config settings that enable reliable test execution.

Update Cypress to the latest version using npx cypress open, upgrade prompts, and npm install -D cypress@version, then review the change log for features and bug fixes.

Learn Cypress basics by creating a first spec and running it in the Cypress test runner. Discover mocha-style structure with describe and it, context and specify, and chai expect assertions.

Run Cypress automation using commands and integrate your CI/CD pipeline with Jenkins, Bamboo, or TeamCity, using npx and command-line options to run specific specs in headless or headed modes.

Enable Cypress IntelliSense in Visual Studio Code by configuring TypeScript support. Create index.d.ts in support folder and a tsconfig.json in Cypress folder to expose commands like cy and visit.

Master Cypress locator strategy with CSS selectors and XPath via a plugin, using the selector playground in the test runner to identify web element locators.

Learn how Cypress v13's get method finds single or multiple elements using CSS and jQuery selectors, including id, class, tag, and attribute values, with practical examples and visible element filtering.

Discover how to use XPath with Cypress through an external plugin, install it via npm, verify it in package.json, and run XPath-based element selection with examples.

Learn how the get command finds elements by a CSS selector with an optional options parameter, including log, timeout, and within, while it retries until the element appears.

Learn how to chain commands in Cypress using the get command to create a chainable interface. See practical examples of selecting button elements, indexing, and asserting visibility with should.

Learn the within command in Cypress to locate element inside a parent using get. Narrow the search to parent block with within and ensure you get the same subject.

Master the Cypress find command to locate child elements under a parent, distinguish it from get and within, and chain it to interact with a child button.

Explore the difference between synchronous and asynchronous programming, with Cypress handling asynchronous JavaScript behind the scenes to run tests in a sequential, non-blocking flow.

Learn how Cypress handles asynchronous commands by enqueuing promises into a chain and using then to ensure order, with Cypress retry and wrap features for readability.

Master implicit subject assertions in Cypress v13. Use should and and chaining on the subject from the previous command to verify element state, visibility, and class.

Explore explicit subject assertions in Cypress by preparing a subject before verification, using commands like expect or assert, and applying a practical example to compare author names in a table.

Explore default and common Cypress assertions and how to use implicit and explicit assertions. See practical examples for length, class, value, text, visibility, and DOM existence.

Discover how to click elements in Cypress v13 using multiple options, including positions, x/y coordinates, force, multiple, and scroll behavior, and apply these options to actions like typing.

Learn to perform double click and right click on elements using Cypress v13, with six syntaxes, identical to click, including dot double click and dot right click, for automation.

Master typing and clearing web elements in Cypress V13 using the type and clear commands. Explore syntax variations, options like force, delay, and log, and parse special character sequences.

Learn to check and uncheck checkboxes and radio buttons with Cypress v13, covering single and multiple value selections and differences in behavior between checkboxes and radio buttons.

Learn to select items from dropdowns using the Cypress v13 select command, distinguishing single value vs multiple values and the select tag, and testing with practical examples.

Learn to trigger events on DOM elements with Cypress, including mouse over and mouse down, using trigger with event names, x and y coordinates, options, and CSS vs JavaScript implementations.

Use the invoke command to perform mouseover actions in Cypress v13 by invoking the jQuery show function on the direct parent div of the target menu, enabling dropdown visibility.

Iterate over a list of elements with a shared locator using each, trim text, and wrap elements with cy.wrap to enable Cypress validations. Verify each element's text with should contain.

Learn to iterate over an autosuggest list in Cypress v13 by typing, wrapping results, and validating text, class, and list length for each item.

Learn to handle dynamic autosuggest dropdowns by typing into the input, inspecting results, and selecting items via list iteration or text-based matching.