Test Automation Framework for UI with Cypress

JavaScript, Cypress, Cucumber, Mochawesome

Tech stack

Test Automation Framework for UI with Cypress uses a number of open source projects to work properly:

• JavaScript - is the programming language of the Web.
• Cypress - is a JavaScript-based end-to-end testing tool designed for modern web test automation.
• Cucumber - is a software tool that supports behavior-driven development.
• Mochawesome - is a custom reporter for use with the Javascript testing framework.

Prerequisites

Clone the repositories

$ git clone https://github.com/catalyn98/TestAutomationFrameworkWithCypress.git

• To use and work with Cypress, ensure that you have NodeJS installed on your machine, if you don't have, you can download it from here.
• Once NodeJS is installed, open the terminal and run the following command to install Cypress: npm install cypress, this command will download and install Cypress on your system, allowing you to use it for test automation.

Running the tests

Run all tests

Open up the framework in Visual Studio Code or similar IDE and just execute in the command line/terminal:

• npx cypress open, this command will open the Cypress Test Runner, a graphical user interface provided by Cypress for running and managing the test suite.

Run a single test file in headless mode

Open the command line/terminal and type:

• npx cypress run --spec=path to the file. Cypress will run the specified test file(s) in headless mode. It will execute the tests using the browser configured in the Cypress project.

Reporting

Mochawsome reports

Mochawesome is a popular test reporter for the Mocha testing framework. It generates detailed and visually appealing HTML reports for Mocha test runs, making it easier to analyze and understand the test results. Use npm to install the Mochawesome package globally or locally within your project. Run the following command: npm install mochawesome.

Generate report

To generate a report using Mochawesome, open command line/terminal and type: npx cypress run --reporter mochawesome.

Failed Logs JSON reporter

Install dependencies using command npm install cypress-failed-log.

Example of execution

Credit

This Test Automation Framework with Cypress project was developed based on a comprehensive tutorial on Udemy titled "Automated Software Testing with Cypres". You can find the tutorial here.

Description

The tutorial provided a step-by-step guide on creating a robust and efficient Test Automation Framework using Cypress. It covered various aspects of test automation, including setting up the framework, writing test scripts, organizing tests into test suites, handling assertions and validations, and integrating with continuous integration tools. By following the tutorial, I learned how to write clean and readable test scripts, implement page object pattern for test organization, and perform various testing activities such as interacting with web elements, making assertions, and generating test reports. The instructor demonstrated excellent teaching skills, providing clear explanations and best practices throughout the tutorial. His expertise in test automation and Cypress helped me understand the intricacies of building a reliable and scalable test framework.

Acknowledgment

I would like to express my gratitude to the instructor for sharing his knowledge and expertise through the tutorial. His comprehensive guidance and hands-on examples were invaluable resources in developing this Test Automation Framework with Cypress. I highly recommend this tutorial to anyone interested in enhancing their test automation skills using Cypress.