question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Jest Addon Improvment on the panel component.

See original GitHub issue

Regarding @storybook/addon-jest, I would like to suggest two improvements:

  1. The Panel component 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.
  2. On the same file but in the SuiteTotals component (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.

image

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:6 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
shilmancommented, May 22, 2021

@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 #contributing channel!

1reaction
domyencommented, May 10, 2021

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) image

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found