From d5d54eb94a1991c38e939d3af9ca98e78d93a4be Mon Sep 17 00:00:00 2001
From: nus3 <hadayota33@gmail.com>
Date: Wed, 17 Apr 2024 12:46:23 +0900
Subject: [PATCH] :+1: use composeStories

---
 apps/react-vitest/src/components/Toast/Toast.test.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/react-vitest/src/components/Toast/Toast.test.tsx b/apps/react-vitest/src/components/Toast/Toast.test.tsx
index 153ffad..f1353c4 100644
--- a/apps/react-vitest/src/components/Toast/Toast.test.tsx
+++ b/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"));