Jest Addon Improvment on the panel component.
See original GitHub issueRegarding @storybook/addon-jest, I would like to suggest two improvements:
- The
Panelcomponent on./addons/jest/src/components/Panel.tsx, allowing for contraction when multiple Test Result Panels are in display, this would allow the user to visualize only the test results relevant for his task in hand, this would result in an Accordion-like feel when you have test results from multiple files. - On the same file but in the
SuiteTotalscomponent (or probably make a separate component for it), allow to display the file name from which the tests result where gather.
Are you able to assist to bring the feature to reality? Yes I can.
Additional context Add any other context or screenshots about the feature request here.
This is a screenshot of what I did inject stuff in to the developer tools DOM inspector with some corrections done on a bitmap editor. But more or less I am proposing something like this.

Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (5 by maintainers)
Top Results From Across the Web
Jest Addon | Storybook: Frontend workshop for UI development
React storybook addon that show component jest report.
Read more >addon-jest test total and time total overlap "Todo" text on small ...
I've had a look around the Panel.tsx component in the Jest Addon. ... @garyvh2 This looks like an improvement to me -- great...
Read more >@storybook/addon-jest | Yarn - Package Manager
▶️ Interactive stories to simulate user behavior and tools to debug it; ⚡️ On-demand architecture for smaller builds and faster load times; ⛸...
Read more >How to simplify component testing with React Storybook
In this article, we'll explore how Storybook can help us create UI components and improve our component testing.
Read more >How to Test Your Vue Components Using the Jest Testing ...
If you have any suggestions for improvements, please let us know by clicking the ... npm install @vue/cli-plugin-unit-jest @vue/test-utils.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

@ekiim please take a look at the section on code contributions and hopefully that will help you test it: https://github.com/storybookjs/storybook/pull/14931/files
If you run into any issues, please grab me on Discord https://disord.gg/storybook in the
#contributingchannel!This looks cool, send a PR with the changes and we can tweak the UI there.
The child tabs shouldn’t be expandable/collapsible (see screenshot below)