[8.0 QA] Essentials

[vanessayuenn]

Essentials

Feature owner: @ndelangen

Please comment in this discussion thread for any bug report and feedback for this feature as you test out Storybook 8. Kindly adhere to the following format:

Project: Name of your project as entered in Notion
Version: The version of storybook you tested with
Bug/feedback: Details of the bugs/feedback you have

Feature owner should triage the comments here frequently and open issues as needed.

[valentinpalkovic]

Create a Story file, paste valid content into it and then delete it again. Independently of whether you are navigating to another Story, Storybook doesn't recover from this error state:

[vanessayuenn]

sev: s3

[shilman]

Project Storyblok
Version 8.0.0-alpha.13

Source block renders with source.type = 'source' for SbButton component, even though the story accepts args. Manually setting source.type = 'dynamic' results in no source appearing

[vanessayuenn]

sev: S2, but not beta-blocking

[yannbf]

Project: MealDrop
Version: 8.0.0-alpha.14
Bug/feedback:

HMR on docs when changing the Meta title results in extra entries on the sidebar:

Repro:

1. Go to https://github.com/yannbf/mealdrop/tree/storybook/8.0.0
2. Open Colors.mdx and its story
3. Change the title like in the video

[yannbf]

Project: MealDrop
Version: 8.0.0-alpha.14
Bug/feedback:

HMR on docs makes the backgrounds icon disappear sometimes:

In general, I guess docs only MDX should never have any icons in the toolbar, or at least essential addon icons. Perhaps icons via custom toolbar should have an option to show/hide in this scenario.

Repro:

1. Go to https://github.com/yannbf/mealdrop/tree/storybook/8.0.0
2. Open any mdx story and its file
3. Trigger HMR

[yannbf]

Project: MealDrop
Version: 8.0.0-alpha.14
Bug/feedback:

When renaming the story file of which you are visiting, a lot of weird things happen, it's best described in a video:

HMR-UI-issue.mov

The issues which happen are:
1 - The story of which you renamed somehow changes order and goes to the bottom of the list (there is no storySort being used)
2 - An importers[path] is not a function error is flashed in the screen:

3 - The UI goes into a funky state where there's some sort of negative margin and the toolbar is unreachable (until you close the addon panel, which is not really closed)

Repro:

1. Go to https://github.com/yannbf/mealdrop/tree/storybook/8.0.0
2. Visit a story
3. Rename its story file to something else (e.g. add an A at the end)

[vanessayuenn]

tracked in #25788

[yannbf]

Project: MealDrop
Version: 8.0.0-alpha.14
Bug/feedback:

When renaming an MDX story file (even if you are not visiting that story), Storybook gets into a half crashing state, best described in a video:

mdx-story-indexing.mov

It seems that there are some issues in event emitting and error handling, related to fetching index.json, the sidebar, and HMR from docs files.

Repro:

1. Go to https://github.com/yannbf/mealdrop/tree/storybook/8.0.0
2. Visit the badge story
3. Rename Button.stories.ts to Buttons.stories.ts

[yannbf]

Project: MealDrop
Version: 8.0.0-alpha.14
Bug/feedback:

Number controls do not reset:

Repro:

1. Go to https://stackblitz.com/edit/github-cde8qu?file=src%2Fstories%2FButton.jsx,src%2Fstories%2FButton.stories.js&preset=node
2. Visit a Button story
3. Define value for the age control
4. Reset it
5. Same issue happens in ArgsTable in autodocs

[vanessayuenn]

tracked by #25819