In this blog, we will see how to write data-driven framework using Cypress.
Cypress is an end-to-end testing framework for web test automation. Therefore, it enables the writing of automated web tests in JavaScript. Here, we will see a data-driven framework using Cypress. The use of JavaScript makes Cypress automation more intuitive. Cypress has been used as a data-driven framework with the help of fixtures. Certainly, the use of fixtures is to extract input from external files. Let’s see how to write data-driven framework using Cypress.
What is data-driven?
Data-driven testing is a test design and execution strategy. Therefore, where test scripts read data from test input data. Hence, the test data is stored in data sources like JSON, CSV, Xls, XML, and databases. Hence, the testing enables building tests with a different set of input data into single tests.
What is a cypress fixture?
As we have already discussed above, that cypress fixture helps to extract input data from external files.
Meanwhile, these fixtures come along with cypress in the fixture folder (example.json). The folder can have files in the Javascript Object Notation (JSON) or other formats.
The syntax for cypress data-driven testing is:
| cy.fixture(path of test data) cy.fixture(path of test data, encoding type) cy.fixture(path of test data, opts) cy.fixture(path of test data, encoding type, options) |
Steps for data-driven framework
Step 1 – Initialize npm in a folder
Above all, we have to initialize npm. This will create a package.json file in the folder.
Write the following command on the VS terminal.
| npm init |
Step 2 – Install Cypress with npm
| npm install cypress –save-dev |
Firstly, a folder structure has been created automatically.
Meanwhile, a file package.json has been auto-created.
Step 3: Create a cypress structure
In conclusion, we have to create a cypress folder structure.
| ./node_modules/.bin/cypress open |
Step 4: Open Cypress to create a Cypress folder structure
| ./node_modules/.bin/cypress open |
Finally, the above command will open Cypress.
Step 5: Write the following code in example.json
| { “email”: “sample@gmail.com”, “password”: “sample@123” } |
Step 6: Write the following code in one
Step 7: In conclusion, run open.js
Hence, the final output after running open.js
I hope you have enjoyed reading it. Stay tuned for more blogs.
References
https://www.toolsqa.com/cypress/cypress-assertions/
