/xstate-test-demo

Demo React project for model-based testing with @xstate/test

Primary LanguageJavaScript

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.

End-to-end tests for Feedback app being run in a browser with Puppeteer

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

Edit xstate-react-calculator

👀 See the demo's state machine on the XState Visualizer

Screenshot of the demo state machine in the Visualizer