Testing composite components
One buggy component can break multiple pages of your app.
Modern UIs are composed of hundreds of simple components. But if one of those components has a bug, it’ll interrupt data flow and break other components around it. Since components are reused, that also causes a chain reaction of bugs in other parts of the app.
Visual tests catch bugs by evaluating the actual rendered DOM output. Running visual tests on composite components can also verify component integration. However, this can be tricky because complex features are connected to data and state.
This week on the Storybook blog, I look at how to isolate and test composite components.
