👍 use composeStories

apps/react-vitest/src/components/Toast/Toast.test.tsx

@@ -2,7 +2,12 @@ import { act, render, screen } from "@testing-library/react";
 import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 
 import { userEventSetup } from "../../../test/helpers/userEventSetup";
-import { AUTO_CLOSE_TIME, TOAST_ANIMATION_TIME, Toast } from "./Toast";
+import { AUTO_CLOSE_TIME, TOAST_ANIMATION_TIME } from "./Toast";
+import { composeStories } from "@storybook/react";
+
+import * as ToastStories from "./Toast.stories";
+
+const { Default } = composeStories(ToastStories);
 
 describe("Toast", () => {
   beforeEach(() => {
@@ -17,7 +22,7 @@ describe("Toast", () => {
   test("should be show and hide toast", async () => {
     const user = userEventSetup();
 
-    render(<Toast>Hello nus3!</Toast>);
+    render(<Default />);
     expect(screen.queryByRole("alert")).toBeNull();
 
     await user.click(screen.getByRole("button"));