test: engineMockとそのテストだけ実装する

[Hiroshiba]

内容

• Vuexのレイヤーでエンジンのmockを作る #2144

の実装です。e2eを目標としていたプルリクエストから派生しています。

とりあえず、Vuex内で使っているOpenAPI準拠のDefaulApiインターフェースを継承し、利用されている音声合成系の大体の機能を模倣した実装のプルリクエストです。
あとengineMockを利用した単体テストでのスナップショットテストだけ作ってます。

以下、engineMock/README.mdの転載です。

# エンジンモックのドキュメント

## 概要

通信を介さずに音声合成できるエンジンのモックです。

同じ入力には同じ出力を返し、別の入力には別の出力を返すようになっています。
また出力を見たときにUIや処理の実装の異常に気付けるように、ある程度直感に合う出力を返すよう努力されています。

例：音量を下げると音声が小さくなる、音程と周波数が一致する、など。

モックの実装は気軽に破壊的変更しても問題ありません。

## ビルド戦略

ブラウザ版でも使えるようにすべく、ソフトウェアにも組み込める形で実装されています。
ビルド時のモックエンジンの取り扱いポリシーはこんな感じです。

- 重い処理が一切実行されないようにする
  - 辞書の初期化、画像の読み込みなど
- なるべく重いファイルはビルドに含まれないようにする
  - 形態素解析の辞書ファイルやダミー画像など

## ファイル構成

- `talkModelMock.ts`
  - トーク用の音声クエリを作るまでの処理周り
- `singModelMock.ts`
  - ソング用の音声クエリを作るまでの処理周り
- `audioQueryMock.ts`
  - 音声クエリ周り
- `synthesisMock.ts`
  - 音声波形の合成周り
- `characterResourceMock.ts`
  - キャラ名や画像などのリソース周り
- `phonemeMock.ts`
  - 音素周り
- `manifestMock.ts`
  - エンジンのマニフェスト周り

関連 Issue

close #2144

その他

とりあえずこのプルリクエストで実装だけえいやで入れちゃいたいです。
（ものすごい巨大になっているのでおそらくレビューできない･･･。）

モックが生み出す音声を聞いてみたい場合はこちらで実際に動かせます（2024/12/15現在）
https://voicevox.github.io/preview-pages/preview/pr-2152/editor/index.html

[voicevox-preview-pages]

🚀 プレビュー用ページを作成しました 🚀

• 📝 エディタ
• 📖 Storybook

更新時点でのコミットハッシュ：6c600a6

Copilot reviewed 18 out of 25 changed files in this pull request and generated no suggestions.

Files not reviewed (7)

• package.json: Language not supported
• src/mock/engineMock/index.ts: Evaluated as low risk
• src/mock/engineMock/singModelMock.ts: Evaluated as low risk
• src/mock/engineMock/synthesisMock.ts: Evaluated as low risk
• src/store/singing.ts: Evaluated as low risk
• src/helpers/convertToWavFileData.ts: Evaluated as low risk
• src/mock/engineMock/characterResourceMock.ts: Evaluated as low risk

[Hiroshiba]

このプルリクエスト自体は問題ないのですが、Nodeでしか動かない状況になっており、ブラウザでモックを使おうとした方が不利益に時間を使ってしまうようになるので、そっちも解決してからdraftを開けようと思います！

[Hiroshiba]

プルリクエストを開けました！
このプルリクエストは冒頭にも書いてある通り、モックを追加してモックのテストを書いただけです。
実際にそのモックを使ってエディタを起動したりとかは別のプルリクエストでやろうと思っています。

エンジンのモック部分はコードが多すぎてレビューできないと思うので、これはえいやでマージしちゃいたいです。
基本的に僕がメンテナンスしていこうと思います。

それ以外の部分のファイル構造やモックの説明readme、あとモック自体のテストとか見ていただけると心強いです！！

[Hiroshiba]

@sevenc-nanashi さんすみません、可能な範囲で大丈夫なのでレビューもらってもいいですか 🙇 🙇

エンジンモックの計算式の中身とかはレビューに相当時間かかると思うので、ここは主に僕がメンテし続ける感じでいいと思ってます！
そこ以外のレビューをお願いできないかなと 🙇

• engineMockのファイル構造
  • src/mock/engineMock/ディレクトリ以下
• engineMockのREADME
  • src/mock/engineMock/README.md
• テスト
  • tests/unit/mock/engineMock/index.spec.ts

だけ確認もらえると心強いです･･･！！
まあでも大きな不足はない気がしているので、お時間なければえいやでマージしちゃいたいなと思ってます！

[sevenc-nanashi]

特に問題は無さそうでした。

[Hiroshiba]

レビューありがとうございます！　マージします！！