Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
@interactors/with-storybook
Storybook addon integration for Interactors
npm install @interactors/with-storybook
Last updated about 2 years ago
0
Downloads per week
Readme View on GitHub

Interactors

Github Actions License: MIT Created by Frontside Chat on Discord

Interactors are Page Objects for component libraries and design systems. Learn more at http://frontside.com/interactors

  • Blackbox made easy: Interactors manipulate an HTML interface from the perspective of a user and make no assumptions about the internal workings of an app. This means they cover 100% of your UI code starting from the raw input event handlers.
  • Remarkably diagnostic errors: Because they are strongly associated with both the type and properties of the UI elements they actuate (e.g. Button, Checkbox, Input, ...), they quickly provide the next level in error messaging to help you quickly understand not just that something went wrong, but why.
  • Runner-agnostic: They work well in any modern test runner capable of evaluating JavaScript in the context of the DOM. including both Jest and Cypress.
  • Framework-agnostic Your tests will work the same no matter if your application is written in React, Angular, Vue, or whether you choose to eventually rewrite it in Framework 2043.™
  • Fast and precise: By using its unique convergence strategy and only coupling wait times to observable states, Interactors naturally use the minimum amount of synchronization time while performing actions and assertions.
Join the community
6,593 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetryStatus
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI