react-date-pickers-mui

Sample project to demonstrate how to interact with Material UI date fields using Cypress.

Pre-requirements

It is required to have git, Node.js and npm installed to clone and run this project.

I used versions 2.34.1, v18.15.0, and 9.5.0. of git, Node.js and npm, respectively. I suggest you use the same or later LTS versions.

Installation

Run npm install (or npm i for the short version) to install the app and dev dependencies.

Starting the app

Runnpm start to initialize the app in development mode locally.

If everything goes well, you should see the app running on http://localhost:3000.

Tests

Run npm test (or npm t for the short version) to run the test in headless mode.

Or, run npm run cy:open to open the Cypress App and run the tests in interactive mode.

It's also possible to run the tests via Node.js with the command npm run test:and:gen:report, which runs the tests in headless mode and generates a JSON-file-format test report inside the (not versioned) test-report/ directory.

Tests sample

Below is an example of the running tests.

muiDatePicker.cy.js.mp4

Support this project

If you want to support this project, leave a ⭐.

---

This project was created with 💚 by Walmyr.