Framework:

Interaction testing with Storybook

Stories are useful for verifying the known states of a component. But sometimes you need to test how a component changes in response to user interaction.

Stories are convenient starting points and harnesses for interaction tests using end-to-end tools like Enzyme and Cypress.

Luckily, this is straightforward. Point your interaction testing tool at Storybookโ€™s isolated iframe URL for a specific story then execute the test script as usual. Hereโ€™s an example using Cypress: