アクセントの読み変更時のE2Eテストを追加

[jdkfx]

内容

• 下記Issueから「アクセント欄の読みの部分をクリックすることで読みを変更できる」を追加

関連 Issue

ref #1462

スクリーンショット・動画など

その他

• 今他でやっているPR( WIP: 初回起動時にトークとソングのどちらかを選択できるダイアログを表示する #2409 )の関係でE2E自体や、テストの挙動を知りたくて、勉強がてらこちらに手を出してみました。

[jdkfx]

テストを追加したことにより、この処理がないと既存の通っていたテストが通らなくなる。
理由は不明。

  1) [browser] › browser/音声パラメータ.spec.ts:12:5 › 音声パラメータ引き継ぎの設定 ─────────────────────────────────────

    Error: expect(received).toBe(expected) // Object.is equality

    Expected: "1.00"
    Received: "0.50"

       7 | async function validateValue(locator: Locator, expectedValue: string) {
       8 |   const value = await locator.evaluate((e: HTMLInputElement) => e.value);
    >  9 |   expect(value).toBe(expectedValue);
         |                 ^
      10 | }
      11 |
      12 | test("音声パラメータ引き継ぎの設定", async ({ page }) => {

        at validateValue (/Users/jdkfx/Desktop/workspace/voicevox/tests/e2e/browser/音声パラメータ.spec.ts:9:17)
        at /Users/jdkfx/Desktop/workspace/voicevox/tests/e2e/browser/音声パラメータ.spec.ts:37:3

    attachment #1: video (video/webm) ──────────────────────────────────────────────────────────────
    test-results/音声パラメータ-音声パラメータ引き継ぎの設定-browser/video.webm
    ────────────────────────────────────────────────────────────────────────────────────────────────

[jdkfx]

flakyになりやすいから、waitForTimeoutではない方法を使った方がいいかも。
https://zenn.dev/cureapp/articles/73cd66a37cc9e8

[Hiroshiba]

flakyになりやすいから、waitForTimeoutではない方法を使った方がいいかも。

同感です！
ちょっとe2eにまだ慣れてないときのコードが多くwaitForTimeoutが点在していますが本当は使わないのがベストなはず。

ここの原因は････ちょっと不正確かもですが、そもそもここはエンジンへのリクエストを送信して返ってくるまで待機してるかもですね･･･。
（テストを追加したことによりテストが並列実行されてエンジンが一瞬詰まる、みたいなのとかが起こる）

ちょっと良い解決策が思いつかないので、これ系はまだしばらくwaitForTimeoutのまま行かないとかもです 😇

[voicevox-preview-pages]

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

• 📝 エディタ
• 📖 Storybook

更新時点でのコミットハッシュ：0cf6605

[Hiroshiba]

テスト追加ありがとうございます！！！
かなり良い感じだと思います！！！

[Hiroshiba]

あっ .mora-tableを見ていた別のテストが落ちてますね！！！
.mora-tableを.accent-phraseに変えれば大丈夫かも…
確認不足でした、すみません🙇🙇

[jdkfx]

@Hiroshiba 今ほかのPRの対応中でした！こちらも後で直すつもりです！

[Hiroshiba]

LGTM！！

すみません🙇　修正ありがとうございました！！！