react-date-pickers-mui
react-date-pickers-mui copied to clipboard
Sample project to demonstrate how to interact with Material UI date fields using Cypress.
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
, and9.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.
https://github.com/wlsf82/react-date-pickers-mui/assets/2768415/c40c505c-4550-4aa7-96dc-8a8c774c527c
Support this project
If you want to support this project, leave a ⭐.
This project was created with 💚 by Walmyr.