wecode-ai
diff --git a/‎.github/workflows/e2e-tests.yml‎
Lines changed: 156 additions & 0 deletions b/‎.github/workflows/e2e-tests.yml‎
Lines changed: 156 additions & 0 deletions
diff --git a/‎frontend/.gitignore‎
Lines changed: 6 additions & 0 deletions b/‎frontend/.gitignore‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎frontend/e2e/fixtures/test-fixtures.ts‎
Lines changed: 174 additions & 0 deletions b/‎frontend/e2e/fixtures/test-fixtures.ts‎
Lines changed: 174 additions & 0 deletions
@@ -0,0 +1,156 @@
+name: E2E Tests
+
+on:
+  pull_request:
+    branches: [main, develop]
+  workflow_dispatch:
+
+env:
+  # Next.js rewrites /api/* to ${NEXT_PUBLIC_API_URL}/api/*, so only set the base URL
+  NEXT_PUBLIC_API_URL: http://localhost:8000
+  # Use pymysql driver (installed via requirements.txt)
+  DATABASE_URL: mysql+pymysql://root:123456@localhost:3306/task_manager
+  REDIS_URL: redis://localhost:6379
+  ENVIRONMENT: development
+  # Enable auto migration on backend startup
+  DB_AUTO_MIGRATE: 'True'
+
+jobs:
+  e2e-tests:
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+
+    services:
+      mysql:
+        image: mysql:8.4
+        env:
+          MYSQL_ROOT_PASSWORD: '123456'
+          MYSQL_DATABASE: task_manager
+        ports:
+          - 3306:3306
+        options: >-
+          --health-cmd="mysqladmin ping -h localhost"
+          --health-interval=10s
+          --health-timeout=5s
+          --health-retries=5
+
+      redis:
+        image: redis:7
+        ports:
+          - 6379:6379
+        options: >-
+          --health-cmd="redis-cli ping"
+          --health-interval=10s
+          --health-timeout=5s
+          --health-retries=5
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: '3.11'
+          cache: 'pip'
+          cache-dependency-path: backend/requirements.txt
+
+      - name: Install backend dependencies
+        working-directory: backend
+        run: |
+          python -m pip install --upgrade pip
+          pip install -r requirements.txt
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: frontend/package-lock.json
+
+      - name: Install frontend dependencies
+        working-directory: frontend
+        run: npm ci
+
+      - name: Build frontend
+        working-directory: frontend
+        env:
+          # Next.js rewrites /api/* to ${NEXT_PUBLIC_API_URL}/api/*, so only set the base URL
+          NEXT_PUBLIC_API_URL: http://localhost:8000
+        run: npm run build
+
+      - name: Install Playwright browsers
+        working-directory: frontend
+        run: npx playwright install chromium --with-deps
+
+      - name: Start backend server
+        working-directory: backend
+        env:
+          DATABASE_URL: mysql+pymysql://root:[email protected]:3306/task_manager
+          REDIS_URL: redis://127.0.0.1:6379
+          ENVIRONMENT: development
+          DB_AUTO_MIGRATE: 'True'
+          INIT_DATA_ENABLED: 'True'
+          INIT_DATA_DIR: ${{ github.workspace }}/backend/init_data
+          # Add project root to PYTHONPATH so 'shared' module can be imported
+          PYTHONPATH: ${{ github.workspace }}
+        run: |
+          uvicorn app.main:app --host 0.0.0.0 --port 8000 &
+          echo "Backend server starting (with auto migration and YAML init enabled)..."
+
+      - name: Start frontend server
+        working-directory: frontend
+        env:
+          # Next.js rewrites /api/* to ${NEXT_PUBLIC_API_URL}/api/*, so only set the base URL
+          NEXT_PUBLIC_API_URL: http://localhost:8000
+        run: |
+          npm start &
+          echo "Frontend server starting..."
+
+      - name: Wait for services to be ready
+        run: |
+          echo "Waiting for backend..."
+          for i in {1..60}; do
+            if curl -s http://localhost:8000/api/health > /dev/null 2>&1 || curl -s http://localhost:8000/ > /dev/null 2>&1; then
+              echo "Backend is ready!"
+              break
+            fi
+            echo "Waiting for backend... ($i/60)"
+            sleep 2
+          done
+
+          echo "Waiting for frontend..."
+          for i in {1..30}; do
+            if curl -s http://localhost:3000 > /dev/null 2>&1; then
+              echo "Frontend is ready!"
+              break
+            fi
+            echo "Waiting for frontend... ($i/30)"
+            sleep 2
+          done
+
+      - name: Run E2E tests
+        working-directory: frontend
+        env:
+          E2E_BASE_URL: http://localhost:3000
+          CI: true
+        run: npm run e2e
+
+      - name: Upload test results
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: e2e-test-results
+          path: |
+            frontend/e2e-results.json
+            frontend/playwright-report/
+            frontend/test-results/
+          retention-days: 7
+
+      - name: Upload failure screenshots
+        uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: e2e-failure-screenshots
+          path: frontend/test-results/**/*.png
+          retention-days: 7
@@ -3,3 +3,9 @@
 # SPDX-License-Identifier: Apache-2.0
 
 .next/
+
+# Playwright
+e2e/.auth/
+playwright-report/
+test-results/
+e2e-results.json
@@ -0,0 +1,174 @@
+import { test as base, expect, Page } from '@playwright/test'
+
+/**
+ * Custom test fixtures for Wegent E2E tests
+ */
+
+export interface TestFixtures {
+  authenticatedPage: Page
+  testPrefix: string
+}
+
+/**
+ * Extended test with custom fixtures
+ */
+export const test = base.extend<TestFixtures>({
+  /**
+   * Authenticated page fixture
+   * Uses saved storage state for authentication
+   */
+  authenticatedPage: async ({ page }, use) => {
+    // The storage state is automatically loaded from config
+    await use(page)
+  },
+
+  /**
+   * Test prefix for unique naming
+   * Helps avoid conflicts between test runs
+   */
+  testPrefix: async ({}, use) => {
+    const timestamp = Date.now()
+    const random = Math.random().toString(36).substring(7)
+    await use(`e2e-${timestamp}-${random}`)
+  },
+})
+
+export { expect }
+
+/**
+ * Common page object helpers
+ */
+export class PageHelpers {
+  constructor(private page: Page) {}
+
+  /**
+   * Navigate to a tab in settings
+   */
+  async navigateToSettingsTab(
+    tab: 'team' | 'models' | 'integrations'
+  ): Promise<void> {
+    await this.page.goto(`/settings?tab=${tab}`)
+    await this.page.waitForLoadState('networkidle')
+  }
+
+  /**
+   * Wait for toast notification
+   */
+  async waitForToast(
+    text?: string,
+    type: 'success' | 'error' | 'default' = 'default'
+  ): Promise<void> {
+    const toastSelector = text
+      ? `[data-sonner-toast]:has-text("${text}")`
+      : '[data-sonner-toast]'
+    await this.page.waitForSelector(toastSelector, { timeout: 10000 })
+  }
+
+  /**
+   * Click a button with specific text
+   */
+  async clickButton(text: string): Promise<void> {
+    await this.page.click(`button:has-text("${text}")`)
+  }
+
+  /**
+   * Fill form field by label
+   */
+  async fillField(label: string, value: string): Promise<void> {
+    const field = this.page.locator(`label:has-text("${label}") + input`)
+    await field.fill(value)
+  }
+
+  /**
+   * Select option from dropdown
+   */
+  async selectOption(
+    selectorOrLabel: string,
+    optionText: string
+  ): Promise<void> {
+    // Click to open dropdown
+    await this.page.click(selectorOrLabel)
+    // Wait for options and click
+    await this.page.click(`[role="option"]:has-text("${optionText}")`)
+  }
+
+  /**
+   * Wait for loading to complete
+   */
+  async waitForLoading(): Promise<void> {
+    // Wait for any loading spinners to disappear
+    await this.page
+      .waitForSelector('[data-loading="true"]', {
+        state: 'detached',
+        timeout: 15000,
+      })
+      .catch(() => {
+        // Ignore if no loading indicator found
+      })
+  }
+
+  /**
+   * Confirm deletion dialog
+   */
+  async confirmDelete(): Promise<void> {
+    await this.page.click(
+      'button:has-text("Delete"), button:has-text("Confirm"), button:has-text("确认")'
+    )
+  }
+
+  /**
+   * Cancel dialog
+   */
+  async cancelDialog(): Promise<void> {
+    await this.page.click(
+      'button:has-text("Cancel"), button:has-text("取消")'
+    )
+  }
+}
+
+/**
+ * Test data generators
+ */
+export const TestData = {
+  /**
+   * Generate unique name with prefix
+   */
+  uniqueName: (prefix: string): string => {
+    return `${prefix}-${Date.now()}-${Math.random().toString(36).substring(7)}`
+  },
+
+  /**
+   * Generate mock bot config
+   */
+  mockBotConfig: (name: string) => ({
+    name,
+    kind: 'Bot',
+    spec: {
+      description: `E2E test bot: ${name}`,
+      agent: 'claude-code',
+    },
+  }),
+
+  /**
+   * Generate mock team config
+   */
+  mockTeamConfig: (name: string) => ({
+    name,
+    kind: 'Team',
+    spec: {
+      description: `E2E test team: ${name}`,
+      mode: 'collaborate',
+    },
+  }),
+
+  /**
+   * Generate mock model config
+   */
+  mockModelConfig: (name: string) => ({
+    name,
+    provider: 'openai',
+    model_id: 'gpt-4',
+    api_key: 'test-api-key',
+    base_url: 'https://api.openai.com/v1',
+  }),
+}