[core] Add Storybook stories for MulitstepDialog

[cameronjoyner]

Summary

• Extracted Storybook stories for MultistepDialog component
• Stories provide visual regression testing coverage

Files

• MultistepDialog.stories.tsx

Test plan

• pnpm install && pnpm -w run storybook
• Verify stories render correctly in Storybook
• Check all story variants display properly in light and dark themes

🤖 Generated with Claude Code

[changelog-app]

Generate changelog in packages/core/changelog/@unreleased

Type (Select exactly one)

• Feature (Adding new functionality)
• Improvement (Improving existing functionality)
• Fix (Fixing an issue with existing functionality)
• Break (Creating a new major version by breaking public APIs)
• Deprecation (Removing functionality in a non-breaking way)
• Migration (Automatically moving data/functionality to a new system)

Description

[core] Add Storybook stories for MulitstepDialog

Check the box to generate changelog(s)

• Generate changelog entry

[blueprint-previews]

Revert "removed multistep dialog"

Build artifact links for this commit: documentation | landing | table | demo | storybook

This is an automated comment from the deploy-preview CircleCI job.

[blueprint-previews]

lint fix

Build artifact links for this commit: documentation | landing | table | demo | storybook

This is an automated comment from the deploy-preview CircleCI job.

[blueprint-previews]

set isOpen={true} && set title to title:Core/Overlays/MultistepDialog

Build artifact links for this commit: documentation | landing | table | demo | storybook

This is an automated comment from the deploy-preview CircleCI job.

[mm-wang]

One suggestion here for the ineraction, otherwise LGTM

[mm-wang]

suggestion: This is no longer true if you are setting isOpen to true on open. You will want to set the arg for isOpen to false for this test.

[cameronjoyner]

What I ended up doing here is keeping this test, but ensuring a precursor step of exiting the default-open dialog. I did that because they all default to open.

export const OpenDialog: Story = {
    render: renderMultistepDialog(),
    play: async ({ canvas, userEvent, step }) => {
        // dialog is open on all example on render
        await step("Escape key closes dialog", async () => {
            await userEvent.keyboard("{Escape}");
            await waitFor(() => expect(screen.queryByText("This is the content for step 1.")).toBeNull());
        });

        await step("Click open button shows dialog at step 1", async () => {
            await userEvent.click(canvas.getByText("Open Multistep Dialog"));
            await waitFor(() => expect(screen.getByText("This is the content for step 1.")).toBeVisible());
            const selectStep = screen.getByText("Select items").closest(".bp6-dialog-step-container");
            await expect(selectStep).toHaveClass("bp6-active");
        });
    },
};

[blueprint-previews]

wrong syntax

Build artifact links for this commit: documentation | landing | table | demo | storybook

This is an automated comment from the deploy-preview CircleCI job.

[blueprint-previews]

adding not.toBeInTheDocument()

Build artifact links for this commit: documentation | landing | table | demo | storybook

This is an automated comment from the deploy-preview CircleCI job.

[blueprint-previews]

Merge branch 'develop' into stories/multistep-dialog

Build artifact links for this commit: documentation | landing | table | demo | storybook

This is an automated comment from the deploy-preview CircleCI job.

[blueprint-previews]

Merge branch 'develop' into stories/multistep-dialog

Build artifact links for this commit: documentation | landing | table | demo | storybook

This is an automated comment from the deploy-preview CircleCI job.