import { test, expect } from '@playwright/test';

/**
 * ZCLAW E2E Tests
 *
 * These tests verify the UI layer of the application.
 * For Tauri-specific tests, use Tauri's built-in testing tools.
 */

test.describe('ZCLAW App', () => {
  test.skip('should load the main page', async ({ page }) => {
    // This test is skipped because it requires the dev server to be running
    // To run: pnpm dev & pnpm test:e2e
    await page.goto('/');

    // Verify the app loads
    await expect(page.locator('text=ZCLAW')).toBeVisible();
  });

  test.skip('should show connection status', async ({ page }) => {
    await page.goto('/');

    // Wait for connection status to appear
    const statusText = await page.locator('[data-testid="connection-status"]').textContent();
    expect(statusText).toBeTruthy();
  });
});

test.describe('Settings Page', () => {
  test.skip('should navigate to settings', async ({ page }) => {
    await page.goto('/');

    // Click settings button
    await page.click('[data-testid="settings-button"]');

    // Verify settings page loaded
    await expect(page.locator('text=通用')).toBeVisible();
  });
});

test.describe('Chat Interface', () => {
  test.skip('should display chat input', async ({ page }) => {
    await page.goto('/');

    // Verify chat input exists
    const chatInput = page.locator('[data-testid="chat-input"]');
    await expect(chatInput).toBeVisible();
  });
});