Initialize playwright and add some very basic end to end tests (#242)

Author: mustaphaturhan

.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -27,3 +27,10 @@ yarn.lock
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# Playwright
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

README.md

@@ -23,6 +23,25 @@ Builds and bundles the minified app for production to the `./build` folder.
 
 Your app is ready to be deployed!
 
+## Testing
+
+This project includes end-to-end tests using [Playwright](https://playwright.dev/) to ensure the application works correctly across different scenarios.
+
+### Running Tests
+
+```bash
+# Run all e2e tests in headless mode
+npm run test:e2e
+
+# Run tests with visible browser (useful for debugging)
+npm run test:e2e:headed
+
+# Open Playwright Test UI for interactive testing
+npm run test:e2e:ui
+```
+
+Tests automatically start the development server if it's not already running.
+
 ## Get started with Docker
 ```bash
 git clone https://github.com/nilsnolde/valhalla-app.git