Model-Based Testing with @xstate/test and React Demo

This is a React project bootstrapped with Create React App. It demonstrates how to use @xstate/test with React to automate the generation of integration and end-to-end (E2E) tests of an example application.

Running the Tests

To run the integration tests, run npm test. This will run the tests found in ./src/App.test.js.

To run the E2E tests, run npm run e2e. This will run the tests found in ./src/App.e2e.js.

NOTE: To run the E2E tests on a different port: PORT=3001 npm run e2e

Resources

• Github: @xstate/test
• Slides: Write Less Tests! From Automation to Autogeneration (React Rally 2019)
• Article: Model-Based Testing in React with State Machines (CSS-Tricks)