たぶんドラッグができなくてテスト不可能

Hiroshiba · Sep 7, 2024 · 5b706a5 · 5b706a5
1 parent cdec85a
commit 5b706a5
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 7 deletions.
diff --git a/src/components/Sing/SingEditor.stories.ts b/src/components/Sing/SingEditor.stories.ts
@@ -1,4 +1,11 @@
-import { userEvent, within, expect, fn, waitFor } from "@storybook/test";
+import {
+  userEvent,
+  within,
+  expect,
+  fn,
+  waitFor,
+  fireEvent,
+} from "@storybook/test";
 
 import { Meta, StoryObj } from "@storybook/vue3";
 import { provide, toRaw } from "vue";
@@ -32,6 +39,7 @@ const meta: Meta<typeof SingEditor> = {
   args: {
     isEnginesReady: true,
     isProjectFileLoaded: false,
+    onCompleteInitialStartup: fn(),
   },
   decorators: [
     (story, context) => {
@@ -143,9 +151,7 @@ export const Default: Story = {
   play: async ({ args }) => {
     // 準備が完了するまで待機する
     await waitFor(
-      () => {
-        // expect(args.onCompleteInitialStartup).toHaveBeenCalled();
-      },
+      () => expect(args.onCompleteInitialStartup).toHaveBeenCalled(),
       { timeout: 5000 },
     );
   },
@@ -157,3 +163,17 @@ export const NowLoading: Story = {
     isProjectFileLoaded: "waiting",
   },
 };
+
+export const AddNote: Story = {
+  name: "ノート追加のテスト",
+  play: async ({ context, canvasElement, parameters }) => {
+    await Default.play?.(context);
+
+    const canvas = within(canvasElement);
+
+    // たぶんドラッグができなくてテスト不可能
+
+    // const { audioItems, audioKeys } = parameters.vuexState;
+    // await window.storybookTestSnapshot?.({ audioItems, audioKeys });
+  },
+};
diff --git a/src/components/Sing/SingEditor.vue b/src/components/Sing/SingEditor.vue
@@ -60,6 +60,11 @@ const props = defineProps<{
   isProjectFileLoaded: boolean | "waiting";
 }>();
 
+const emit = defineEmits<{
+  /** ソングエディタの準備が完了するときに呼ばれる */
+  completeInitialStartup: [];
+}>();
+
 const store = useStore();
 
 const isSidebarOpen = computed(
@@ -118,6 +123,7 @@ onetimeWatch(
     await store.dispatch("SET_PLAYHEAD_POSITION", { position: 0 });
     await store.dispatch("SYNC_TRACKS_AND_TRACK_CHANNEL_STRIPS");
     isCompletedInitialStartup.value = true;
+    emit("completeInitialStartup");
 
     return "unwatch";
   },

diff --git a/src/components/Talk/TalkEditor.stories.ts b/src/components/Talk/TalkEditor.stories.ts
@@ -144,9 +144,7 @@ export const Default: Story = {
   play: async ({ args }) => {
     // 準備が完了するまで待機する
     await waitFor(
-      () => {
-        expect(args.onCompleteInitialStartup).toHaveBeenCalled();
-      },
+      () => expect(args.onCompleteInitialStartup).toHaveBeenCalled(),
       { timeout: 5000 },
     );
   },