Fix Storybook tests (#9554)

Finally fixing the storybook tests!
This commit is contained in:
Charles Bochet
2025-01-10 20:54:10 +01:00
committed by GitHub
parent 2e0169b954
commit 5ec28afac9
5 changed files with 55 additions and 28 deletions

View File

@ -82,22 +82,24 @@ export const Empty: Story = {
play: async () => {
const canvas = within(document.body);
const button = await canvas.findByRole('button');
userEvent.click(button);
const buttons = await canvas.findAllByRole('button', {
name: 'Open Dropdown',
});
userEvent.click(buttons[0]);
await waitFor(async () => {
const fakeMenu = await canvas.findByTestId('dropdown-content');
expect(fakeMenu).toBeInTheDocument();
});
userEvent.click(button);
userEvent.click(buttons[0]);
await waitFor(async () => {
const fakeMenu = canvas.queryByTestId('dropdown-content');
expect(fakeMenu).not.toBeInTheDocument();
});
userEvent.click(button);
userEvent.click(buttons[0]);
await waitFor(async () => {
const fakeMenu = await canvas.findByTestId('dropdown-content');
expect(fakeMenu).toBeInTheDocument();
@ -205,8 +207,8 @@ const FakeCheckableMenuItemList = ({ hasAvatar }: { hasAvatar?: boolean }) => {
const playInteraction: PlayFunction<any, any> = async () => {
const canvas = within(document.body);
const button = await canvas.findByRole('button');
userEvent.click(button);
const buttons = await canvas.findAllByRole('button');
userEvent.click(buttons[0]);
await waitFor(async () => {
expect(canvas.getByText('Company A')).toBeInTheDocument();
@ -257,15 +259,15 @@ export const SearchWithLoadingMenu: Story = {
play: async () => {
const canvas = within(document.body);
const button = await canvas.findByRole('button');
const buttons = await canvas.findAllByRole('button');
await waitFor(() => {
userEvent.click(button);
userEvent.click(buttons[0]);
expect(canvas.getByDisplayValue('query')).toBeInTheDocument();
});
await waitFor(() => {
userEvent.click(button);
userEvent.click(buttons[0]);
expect(canvas.queryByDisplayValue('query')).not.toBeInTheDocument();
});
},