test: 音声書き出しe2eテスト

src/mock/engineMock/index.ts

@@ -107,6 +107,8 @@ export function createOpenAPIEngineMock(): DefaultApiInterface {
         volumeScale: 1.0,
         prePhonemeLength: 0.1,
         postPhonemeLength: 0.1,
+        pauseLength: null,
+        pauseLengthScale: 1.0,
         outputSamplingRate: getEngineManifestMock().defaultSamplingRate,
         outputStereo: false,
       };

src/mock/engineMock/manifestMock.ts

@@ -26,7 +26,8 @@ export function getEngineManifestMock() {
       adjustPitchScale: true,
       adjustIntonationScale: true,
       adjustVolumeScale: true,
-      interrogativeUpspeak: false,
+      adjustPauseLength: true,
+      interrogativeUpspeak: true,
       synthesisMorphing: false,
       sing: true,
       manageLibrary: false,

src/mock/engineMock/talkModelMock.ts

@@ -178,7 +178,7 @@ export async function textToActtentPhrasesMock(text: string, styleId: number) {
       const pauseMora = {
         text: "、",
         vowel: "pau",
-        vowelLength: 1 - 1 / (accentPhrases.length + 1),
+        vowelLength: 1 - 1 / (accentPhrases.length + 2),
         pitch: 0,
       };
 

tests/e2e/browser/utility.ts

@@ -0,0 +1,81 @@
+import { Page } from "@playwright/test";
+import { Brand } from "@/type/utility";
+import { success } from "@/type/result";
+
+type TestFileId = Brand<string, "TestFileId">;
+
+/** ファイル書き出し選択ダイアログをモックにする */
+// TODO: モックを戻せるようにする
+export async function mockShowSaveFileDialog(page: Page): Promise<{
+  getFileIds: () => Promise<TestFileId[]>;
+}> {
+  type _Window = Window & {
+    _mockShowSaveFileDialog: {
+      returnValues: TestFileId[];
+    };
+  };
+
+  // モックを差し込む
+  await page.evaluate(() => {
+    const _window = window as unknown as _Window;
+    _window._mockShowSaveFileDialog = {
+      returnValues: [],
+    };
+
+    _window.backend.showSaveFileDialog = async () => {
+      const id = `${Date.now()}` as TestFileId;
+      _window._mockShowSaveFileDialog.returnValues.push(id);
+      return id;
+    };
+  });
+
+  return {
+    getFileIds: async () => {
+      return page.evaluate(() => {
+        const _window = window as unknown as _Window;
+        return _window._mockShowSaveFileDialog.returnValues;
+      });
+    },
+  };
+}
+
+/** ファイル書き出しをモックにする */
+// TODO: モックを戻せるようにする
+export async function mockWriteFile(page: Page): Promise<{
+  getWrittenFileBuffers: () => Promise<Record<string | TestFileId, Buffer>>;
+}> {
+  type _Window = Window & {
+    _mockWriteFile: Record<string | TestFileId, Uint8Array>;
+  };
+
+  // モックを差し込む
+  await page.evaluate(
+    ({ sucecssResult }) => {
+      const _window = window as unknown as _Window;
+      _window._mockWriteFile = {};
+
+      _window.backend.writeFile = async ({ filePath, buffer }) => {
+        _window._mockWriteFile[filePath] = new Uint8Array(buffer);
+        return sucecssResult;
+      };
+    },
+    { sucecssResult: success(undefined) },
+  );
+
+  return {
+    getWrittenFileBuffers: async () => {
+      const arrays = await page.evaluate(() => {
+        const _window = window as unknown as _Window;
+        return Object.fromEntries(
+          Object.entries(_window._mockWriteFile).map(([key, value]) => [
+            key,
+            Array.from(value),
+          ]),
+        );
+      });
+      return Object.fromEntries(
+        Object.entries(arrays).map(([key, value]) => [key, Buffer.from(value)]),
+      );
+    },
+  };
+}

tests/e2e/browser/音声書き出し.spec.ts

@@ -0,0 +1,65 @@
+import { test, expect, Page } from "@playwright/test";
+import { gotoHome, navigateToMain } from "../navigators";
+import { getQuasarMenu } from "../locators";
+import { mockShowSaveFileDialog, mockWriteFile } from "./utility";
+
+test.beforeEach(gotoHome);
+
+/** 選択音声を書き出し、その音声ファイルのバイナリをスナップショットテストする */
+async function exportSelectedAudioAndSnapshot(page: Page, name: string) {
+  const { getFileIds } = await mockShowSaveFileDialog(page);
+  const { getWrittenFileBuffers } = await mockWriteFile(page);
+
+  await page.getByRole("button", { name: "ファイル" }).click();
+  await getQuasarMenu(page, "選択音声を書き出し").click();
+  await expect(page.getByText("音声を書き出しました")).toBeVisible();
+
+  const fileId = (await getFileIds())[0];
+  const buffer = (await getWrittenFileBuffers())[fileId];
+  expect(buffer).toMatchSnapshot(`${name}.wav`);
+}
+
+test.describe("音声書き出し", () => {
+  test.skip(process.platform !== "win32", "Windows以外のためスキップします");
+
+  test.beforeEach(async ({ page }) => {
+    await navigateToMain(page);
+
+    const audioCell = page.getByRole("textbox", { name: "1行目" });
+    const accentPhrase = page.locator(".accent-phrase");
+
+    await audioCell.click();
+    await audioCell.fill("こんにちは、テストです");
+    await audioCell.press("Enter");
+    await expect(accentPhrase).not.toHaveCount(0);
+  });
+
+  test("各パラメータを変更して音声書き出し", async ({ page }) => {
+    await exportSelectedAudioAndSnapshot(page, "デフォルト");
+
+    const parameters = [
+      ["話速", "1.5"],
+      ["音高", "0.5"],
+      ["抑揚", "1.5"],
+      ["音量", "1.5"],
+      ["間の長さ", "1.5"],
+      ["開始無音", "0.3"],
+      ["終了無音", "0.3"],
+    ] as const;
+
+    for (const [name, newValue] of parameters) {
+      await test.step(`${name}変更`, async () => {
+        const input = page.getByLabel(name);
+        const originalValue = await input.inputValue();
+
+        await input.fill(newValue);
+        await input.press("Enter");
+
+        await exportSelectedAudioAndSnapshot(page, `${name}変更`);
+
+        await input.fill(originalValue);
+        await input.press("Enter");
+      });
+    }
+  });
+});