Test: 設定ダイアログのスクリーンショットテスト追加

tests/e2e/browser/オプション/書き出しファイル名パターン.spec.ts → tests/e2e/browser/設定ダイアログ/書き出しファイル名パターン.spec.ts

@@ -1,15 +1,15 @@
 import { test, expect, Page, Locator } from "@playwright/test";
 
-import { gotoHome, navigateToOptionDialog } from "../../navigators";
+import { gotoHome, navigateToSettingDialog } from "../../navigators";
 import { getNewestQuasarDialog } from "../../locators";
 
 test.beforeEach(gotoHome);
 
 /**
  * 書き出しファイル名パターンダイアログまで移動
  */
-const moveToFilenameDialog = async (page: Page, optionDialog: Locator) => {
-  await optionDialog.getByRole("button", { name: "編集する" }).click();
+const moveToFilenameDialog = async (page: Page, settingDialog: Locator) => {
+  await settingDialog.getByRole("button", { name: "編集する" }).click();
   await page.waitForTimeout(500);
 
   const filenameDialog = getNewestQuasarDialog(page);
@@ -28,9 +28,9 @@ const moveToFilenameDialog = async (page: Page, optionDialog: Locator) => {
 test("「オプション」から「書き出しファイル名パターン」を変更したり保存したりできる", async ({
   page,
 }) => {
-  const optionDialog = await navigateToOptionDialog(page);
+  const settingDialog = await navigateToSettingDialog(page);
 
-  let { doneButton, textbox } = await moveToFilenameDialog(page, optionDialog);
+  let { doneButton, textbox } = await moveToFilenameDialog(page, settingDialog);
 
   // デフォルト状態は確定ボタンが押せる
   await expect(textbox).toHaveValue("$連番$_$キャラ$（$スタイル$）_$テキスト$");
@@ -40,15 +40,15 @@ test("「オプション」から「書き出しファイル名パターン」
   await textbox.click();
   await textbox.fill("");
   await textbox.press("Enter");
-  await expect(optionDialog.getByText("何か入力してください")).toBeVisible();
+  await expect(settingDialog.getByText("何か入力してください")).toBeVisible();
   await expect(doneButton).toBeDisabled();
 
   // $連番$ が含まれていない場合は確定ボタンが押せない
   await textbox.click();
   await textbox.fill("test");
   await textbox.press("Enter");
   await expect(textbox).toHaveValue("test");
-  await expect(optionDialog.getByText("$連番$は必須です")).toBeVisible();
+  await expect(settingDialog.getByText("$連番$は必須です")).toBeVisible();
   await expect(doneButton).toBeDisabled();
 
   // 無効な文字が含まれている場合は確定ボタンが押せない
@@ -57,7 +57,7 @@ test("「オプション」から「書き出しファイル名パターン」
   await textbox.press("Enter");
   await expect(doneButton).toBeDisabled();
   await expect(
-    optionDialog.getByText("使用できない文字が含まれています：「\\」"),
+    settingDialog.getByText("使用できない文字が含まれています：「\\」"),
   ).toBeVisible();
 
   // $連番$ を含めると確定ボタンが押せる
@@ -72,10 +72,10 @@ test("「オプション」から「書き出しファイル名パターン」
   // 確定するとダイアログが閉じて設定した内容が反映されている
   await doneButton.click();
   await page.waitForTimeout(700);
-  await expect(optionDialog.getByText("test$連番$.wav")).toBeVisible();
+  await expect(settingDialog.getByText("test$連番$.wav")).toBeVisible();
 
   // 再度開くと設定した内容が反映されている
-  ({ doneButton, textbox } = await moveToFilenameDialog(page, optionDialog));
+  ({ doneButton, textbox } = await moveToFilenameDialog(page, settingDialog));
   await expect(textbox).toHaveValue("test$連番$");
 
   // デフォルト値にリセットできる

tests/e2e/browser/設定ダイアログ/設定ダイアログ.spec.ts

@@ -0,0 +1,18 @@
+import { test, expect } from "@playwright/test";
+import { gotoHome, navigateToSettingDialog } from "../../navigators";
+
+test.beforeEach(gotoHome);
+
+test("スクリーンショット", async ({ page }) => {
+  test.skip(process.platform !== "win32", "Windows以外のためスキップします");
+
+  await navigateToSettingDialog(page);
+  await page.waitForTimeout(500);
+
+  // スクリーンショット撮影とスクロールを繰り返す
+  for (let i = 0; i < 5; i++) {
+    await expect(page).toHaveScreenshot(`スクリーンショット_${i}.png`);
+    await page.mouse.wheel(0, 500);
+    await page.waitForTimeout(300);
+  }
+});

tests/e2e/navigators.ts

@@ -56,9 +56,9 @@ export async function navigateToHelpDialog(page: Page) {
 }
 
 /**
- * オプションダイアログの表示まで移動
+ * 設定ダイアログの表示まで移動
  */
-export async function navigateToOptionDialog(page: Page) {
+export async function navigateToSettingDialog(page: Page) {
   await navigateToMain(page);
   await page.waitForTimeout(100);
   await page.getByRole("button", { name: "設定" }).click();