This project is a comprehensive Cypress automation framework developed using TypeScript, designed to showcase various Cypress features through a wide array of test examples. It serves as a boilerplate reference resource for beginners looking to deepen their understanding of Cypress and its capabilities in automated testing.
- Alias: Simplify tests by assigning aliases to elements.
- Invoke: Call functions on elements.
- Asserts: Verify conditions and values within tests.
- Custom Commands: Extend Cypress with reusable commands.
- Alerts: Interact with and test browser alerts.
- Checkboxes & Radio Buttons: Test interactions with checkbox and radio button elements.
- Dropdowns: Handle and verify dropdown menus and options.
- File Upload: Test file upload functionality.
- Iframes: Interact with and test content inside iframes.
- Locator Strategies: Use various strategies to locate and interact with elements.
- Mouse Operations: Simulate mouse actions like hover, click, and drag-and-drop.
- Navigation: Test page navigation and URL changes.
- Origin: Handle cross-origin iframes.
- Table Traversing: Navigate and interact with table elements.
While the examples in this framework do not strictly adhere to the Page Object Design Pattern, some examples utilize it to demonstrate its application in test scenarios.
To get started with this Cypress automation framework, follow the steps below to set up the project on your local machine.
Ensure you have Node.js installed on your system. You can download it from Node.js official website.
- Clone the repository to your local machine:
git clone <repo url>
- Clone the repository to your local machine:
cd cypress-typescript-framework