📕 Storybook Roadmap

[streamich]

Below is a list of next steps to improve our Storybook setup after the initial PR is merged:

• Use @kbn/ui-shared-deps instead of building DLL manually in @kbn/storybook. Storybook 6 and config changes #75357
• Upgrade to latest 6.0 release. Storybook 6 and config changes #75357
• Improve README of @kbn/storybook, add guidelines/conventions. Storybook 6 and config changes #75357
• Add ability to build a static version of Storybook. 📕 Storybook 4 #57437 [Draft][wip] Adding storybook static site generation and percy storybook script #57628 Add flag for building static storybook site #58050 fix: 🐛 make dev server Storybook builds work again #58188
• Allow plugins to create Storyshot tests. Storybook 6 and config changes #75357
• Extend Webpack config to allow to load .scss files.
• Allow custom plugins. Storybook 6 and config changes #75357
• Add storybook-addon-a11y Add Storybook a11y addon #80069
• Build static version of all Storybooks on CI Build Storybooks on CI #58024
• Add ability in CI to upload static Storybook builds to some file hosting and post a link to that static build in PRs through GitHub status API. Build Storybooks on CI #58024
• Investigate using Chromatic as part of the review process.

[elasticmachine]

Pinging @elastic/kibana-app-arch (Team:AppArch)

[elasticmachine]

Pinging @elastic/kibana-operations (Team:Operations)

[zol]

Nice PR!

Add ability in CI to upload static Storybook builds to some file hosting and post a link to that static build in PRs through GitHub status API.

Just wanted to give you a heads up that Chromatic already has this built in along with visual review and visual regression testing so there's no need to build it separately if you decide to use Chromatic.

[myasonik]

Can I ask that one one more thing get added to this roadmap?

storybook-addon-a11y runs the same library (axe) that we're using for automated accessibility testing. Exposing this info earlier in the dev cycle could help cut out the more time consuming test cycles.

For more info, in the Real-time accessibility testing with Storybook blogpost they go over this addon some more.

[smith]

@myasonik I've added it.

[ppisljar]

closing this as it seems the majority of items have been completed