test(e2e): add Playwright end-to-end tests and CI

.github/workflows/ui-tests.yml

@@ -0,0 +1,161 @@
+name: UI Tests
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+  workflow_dispatch:
+
+concurrency:
+  group: ui-tests-apna_slot-${{ github.event.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  ui-tests:
+    runs-on: ubuntu-latest
+    timeout-minutes: 60
+    name: Playwright E2E Tests
+
+    services:
+      redis-cache:
+        image: redis:alpine
+        ports:
+          - 13000:6379
+      redis-queue:
+        image: redis:alpine
+        ports:
+          - 11000:6379
+      mariadb:
+        image: mariadb:11.8
+        env:
+          MYSQL_ROOT_PASSWORD: root
+        ports:
+          - 3306:3306
+        options: --health-cmd="mariadb-admin ping" --health-interval=5s --health-timeout=2s --health-retries=3
+
+    steps:
+      - name: Clone
+        uses: actions/checkout@v6
+
+      - name: Setup Python
+        uses: actions/setup-python@v6
+        with:
+          python-version: "3.14"
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          check-latest: true
+
+      - name: Add to Hosts
+        run: echo "127.0.0.1 apnaslot.test" | sudo tee -a /etc/hosts
+
+      - name: Cache pip
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/pip
+          key: ${{ runner.os }}-pip-${{ hashFiles('**/*requirements.txt', '**/pyproject.toml') }}
+
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
+
+      - name: Cache yarn
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Cache Playwright browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: ${{ runner.os }}-playwright-${{ hashFiles('**/package.json') }}
+
+      - name: Install MariaDB Client
+        run: |
+          sudo apt update
+          sudo apt-get install mariadb-client
+
+      - name: Setup Bench
+        run: |
+          pip install frappe-bench
+          bench init --skip-redis-config-generation --skip-assets --python "$(which python)" ~/frappe-bench
+          mariadb --host 127.0.0.1 --port 3306 -u root -proot -e "SET GLOBAL character_set_server = 'utf8mb4'"
+          mariadb --host 127.0.0.1 --port 3306 -u root -proot -e "SET GLOBAL collation_server = 'utf8mb4_unicode_ci'"
+
+      - name: Install App
+        working-directory: /home/runner/frappe-bench
+        run: |
+          bench get-app apna_slot $GITHUB_WORKSPACE
+          bench setup requirements --dev
+          bench new-site --db-root-password root --admin-password admin apnaslot.test
+          bench --site apnaslot.test install-app apna_slot
+          bench build
+        env:
+          CI: "Yes"
+
+      - name: Configure Site
+        working-directory: /home/runner/frappe-bench
+        run: |
+          bench --site apnaslot.test set-config allow_tests true
+          bench --site apnaslot.test set-config host_name "http://apnaslot.test:8000"
+          bench --site apnaslot.test set-config mute_emails 1
+
+      - name: Seed Test Data
+        working-directory: /home/runner/frappe-bench
+        run: |
+          bench --site apnaslot.test execute frappe.utils.password.update_password --args "['Administrator', 'admin']"
+          bench --site apnaslot.test execute apna_slot.e2e_seed.setup_e2e_data
+
+      - name: Start Frappe Server
+        working-directory: /home/runner/frappe-bench
+        run: |
+          sed -i 's/^watch:/# watch:/g' Procfile
+          sed -i 's/^schedule:/# schedule:/g' Procfile
+          bench start &> bench_start.log &
+          echo "Waiting for Frappe server to start..."
+          timeout 60 bash -c 'until curl -s http://apnaslot.test:8000 > /dev/null; do sleep 2; done'
+          echo "Frappe server is ready!"
+
+      - name: Install Playwright
+        run: |
+          cd $GITHUB_WORKSPACE
+          npm install
+          npx playwright install --with-deps chromium
+
+      - name: Run Playwright Tests
+        working-directory: ${{ github.workspace }}
+        run: npx playwright test
+        env:
+          BASE_URL: http://apnaslot.test:8000
+          SITE_HOST: apnaslot.test:8000
+          FRAPPE_USER: Administrator
+          FRAPPE_PASSWORD: admin
+
+      - name: Upload Playwright Report
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 7
+
+      - name: Upload Test Results
+        uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: test-results
+          path: test-results/
+          retention-days: 7
+
+      - name: Show Bench Logs on Failure
+        if: failure()
+        working-directory: /home/runner/frappe-bench
+        run: |
+          echo "=== Bench Start Log ==="
+          cat bench_start.log || true
+          echo ""
+          echo "=== Frappe Logs ==="
+          cat logs/*.log || true

.gitignore

@@ -58,6 +58,11 @@ jspm_packages/
 apna_slot/public/frontend/
 apna_slot/www/v.html
 
+# Playwright
+e2e/.auth/
+playwright-report/
+test-results/
+
 # frappe-ui vite plugin auto-generated type declarations
 frontend/auto-imports.d.ts
 frontend/components.d.ts

CLAUDE.md

@@ -41,7 +41,12 @@ Create specs in `specs/`. Maintain a `PROGRESS.md` file to track progress of imp
 
 ## Testing
 
-Use agent-browser to test e2e.
+Use agent-browser for quick manual e2e checks.
+
+Automated e2e uses Playwright (root `package.json`, specs in `e2e/`). Locally:
+`bench --site apnaslot.localhost execute apna_slot.e2e_seed.setup_e2e_data`, then from the
+app root `npm install && npx playwright install chromium && npm run test:e2e`. CI runs the
+same flow via `.github/workflows/ui-tests.yml`.
 
 ## Credentials