dotenv を devDependencies に移動する

テストの名前を英語表記にする

e2e/login_then_logout.spec.ts

@@ -1,6 +1,9 @@
 import { test, expect } from "@playwright/test";
+import dotenv from "dotenv";
 
-test.describe("ユーザー認証のテスト", () => {
+dotenv.config({ path: ".env.local" });
+
+test.describe("Log IN and Log OUT test", () => {
   const validEmail =
     process.env.EMAIL ??
     (() => {
@@ -12,7 +15,7 @@ test.describe("ユーザー認証のテスト", () => {
       throw new Error("PASSWORD is not defined");
     })();
 
-  test("有効なユーザー情報でログインし、ログアウトできる", async ({ page }) => {
+  test("Should Success Login with valid Email and Password then Logout", async ({ page }) => {
     await page.goto("http://localhost:3000/");
     await page.getByRole("link", { name: "ログイン" }).click();
 
@@ -36,7 +39,7 @@ test.describe("ユーザー認証のテスト", () => {
     await expect(signInButton).toBeVisible();
   });
 
-  test("無効なユーザー情報でログインに失敗する", async ({ page }) => {
+  test("Should Fail Login with Invalid Email and Password", async ({ page }) => {
     await page.goto("http://localhost:3000/");
     await page.getByRole("link", { name: "ログイン" }).click();
 

package.json

@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "e2e": "dotenv -e .env.local playwright test"
+    "e2e": "playwright test"
   },
   "dependencies": {
     "@heroicons/react": "^2.1.5",
@@ -31,7 +31,7 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.4.20",
-    "dotenv-cli": "^8.0.0",
+    "dotenv": "^16.4.7",
     "encoding": "^0.1.13",
     "eslint": "^8",
     "eslint-config-next": "14.2.5",