playwright improvements (#5)

.env.sample

@@ -0,0 +1 @@
+PLAYWRIGHT_BASE_URL=https://annkilzer.net

.github/workflows/playwright.yml

@@ -1,9 +1,10 @@
-name: Playwright Tests
+name: Production Playwright Tests
 on:
   [deployment_status, deployment, workflow_dispatch]
 jobs:
   test:
     timeout-minutes: 60
+    environment: production
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v4

.gitignore

@@ -30,3 +30,4 @@ html
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+.env

README.md

@@ -13,6 +13,11 @@ Install dependencies (and set up Husky)
 npm i
 ```
 
+Set up env vars:
+```sh
+cp .env.sample .env
+```
+
 Run in dev mode
 ```sh
 npm run dev

package.json

@@ -24,6 +24,7 @@
         "@fontsource/lusitana": "5.0.8",
         "@fontsource/noto-sans-jp": "5.0.16",
         "@mui/material": "5.14.18",
+        "dotenv": "^16.3.1",
         "iconoir-react": "7.0.3",
         "react": "18.2.0",
         "react-dom": "18.2.0",
@@ -54,4 +55,4 @@
         "vite": "5.0.0",
         "vitest": "0.34.6"
     }
-}
+}

playwright.config.ts

@@ -4,7 +4,8 @@ import { defineConfig, devices } from '@playwright/test';
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
  */
-// require('dotenv').config();
+import dotenv from 'dotenv'
+dotenv.config()
 
 /**
  * See https://playwright.dev/docs/test-configuration.
@@ -24,7 +25,7 @@ export default defineConfig({
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-        baseURL: process.env.CI ? 'https://annkilzer.net' : 'http://localhost:5173/',
+        baseURL: process.env.PLAYWRIGHT_BASE_URL ?? 'http://localhost:5173/',
 
         /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
         trace: 'on-first-retry',