test(#10336): use waitFor

Author: acid-chicken

packages/frontend/src/components/MkGalleryPostPreview.stories.impl.ts

@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
+import { expect } from '@storybook/jest';
+import { userEvent, waitFor, within } from '@storybook/testing-library';
 import { StoryObj } from '@storybook/vue3';
 import { galleryPost } from '../../.storybook/fakes';
 import MkGalleryPostPreview from './MkGalleryPostPreview.vue';
-import { userEvent, within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
 export const Default = {
 	render(args) {
 		return {
@@ -50,7 +50,7 @@ export const Hover = {
 		await Default.play(context);
 		const canvas = within(context.canvasElement);
 		const links = canvas.getAllByRole('link');
-		await userEvent.hover(links[0]);
+		await waitFor(() => userEvent.hover(links[0]));
 	},
 } satisfies StoryObj<typeof MkGalleryPostPreview>;
 export const HoverThenUnhover = {
@@ -59,7 +59,7 @@ export const HoverThenUnhover = {
 		await Hover.play(context);
 		const canvas = within(context.canvasElement);
 		const links = canvas.getAllByRole('link');
-		await userEvent.unhover(links[0]);
+		await waitFor(() => userEvent.unhover(links[0]));
 	},
 } satisfies StoryObj<typeof MkGalleryPostPreview>;
 export const Sensitive = {

packages/frontend/src/components/global/MkUrl.stories.impl.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@storybook/jest';
-import { userEvent, within } from '@storybook/testing-library';
+import { userEvent, waitFor, within } from '@storybook/testing-library';
 import { StoryObj } from '@storybook/vue3';
 import { rest } from 'msw';
 import { commonHandlers } from '../../../.storybook/mocks';
@@ -30,7 +30,7 @@ export const Default = {
 		const canvas = within(canvasElement);
 		const a = canvas.getByRole<HTMLAnchorElement>('link');
 		await expect(a).toHaveAttribute('href', 'https://misskey-hub.net/');
-		await userEvent.hover(a);
+		await waitFor(() => userEvent.hover(a));
 		/*
 		await tick(); // FIXME: wait for network request
 		const anchors = canvas.getAllByRole<HTMLAnchorElement>('link');
@@ -44,7 +44,7 @@ export const Default = {
 		await expect(icon).toBeInTheDocument();
 		await expect(icon).toHaveAttribute('src', 'https://misskey-hub.net/favicon.ico');
 		 */
-		await userEvent.unhover(a);
+		await waitFor(() => userEvent.unhover(a));
 	},
 	args: {
 		url: 'https://misskey-hub.net/',