import { test, expect } from '@playwright/test';
import { MockManager } from './mock-manager';
import { TestConfig } from './core/test-config';

test.describe('菜单管理', () => {
  test.beforeEach(async ({ page }) => {
    const config = TestConfig.getInstance().getEnvironment();
    
    const mockManager = new MockManager({
      enabled: config.mockEnabled,
      mode: config.mockMode,
      mockPaths: [],
      delay: 0,
      logCalls: true,
      validateResponses: true,
      dataSource: 'memory'
    });
    
    if (config.mockEnabled) {
      mockManager.presetTestData({
        menus: [
          {
            id: 1,
            name: '仪表盘',
            code: 'dashboard',
            path: '/dashboard',
            icon: 'DashboardOutlined',
            sortOrder: 1,
            status: 'active',
            parentId: 0,
            component: 'views/Dashboard.vue',
            createBy: 'system',
            updateBy: 'system',
            createdAt: '2024-01-01T00:00:00.000Z',
            updatedAt: '2024-01-01T00:00:00.000Z',
            children: []
          },
          {
            id: 4,
            name: '菜单管理',
            code: 'menu',
            path: '/menus',
            icon: 'MenuOutlined',
            sortOrder: 4,
            status: 'active',
            parentId: 0,
            component: 'views/MenuManagement.vue',
            createBy: 'system',
            updateBy: 'system',
            createdAt: '2024-01-01T00:00:00.000Z',
            updatedAt: '2024-01-01T00:00:00.000Z',
            children: []
          },
          {
            id: 5,
            name: '系统管理',
            code: 'system',
            path: '/system',
            icon: 'SettingOutlined',
            sortOrder: 5,
            status: 'active',
            parentId: 0,
            component: null,
            createBy: 'system',
            updateBy: 'system',
            createdAt: '2024-01-01T00:00:00.000Z',
            updatedAt: '2024-01-01T00:00:00.000Z',
            children: [
              {
                id: 6,
                name: '用户管理',
                code: 'user',
                path: '/system/users',
                icon: 'UserOutlined',
                sortOrder: 1,
                status: 'active',
                parentId: 5,
                component: 'views/UserManagement.vue',
                createBy: 'system',
                updateBy: 'system',
                createdAt: '2024-01-01T00:00:00.000Z',
                updatedAt: '2024-01-01T00:00:00.000Z',
                children: []
              },
              {
                id: 7,
                name: '角色管理',
                code: 'role',
                path: '/system/roles',
                icon: 'LockOutlined',
                sortOrder: 2,
                status: 'active',
                parentId: 5,
                component: 'views/RoleManagement.vue',
                createBy: 'system',
                updateBy: 'system',
                createdAt: '2024-01-01T00:00:00.000Z',
                updatedAt: '2024-01-01T00:00:00.000Z',
                children: []
              }
            ]
          }
        ]
      });
    }
    
    await mockManager.interceptAPIRequest(page);

    await page.goto('/login');
    await page.getByPlaceholder(/用户名/).fill('admin');
    await page.getByPlaceholder(/密码/).fill('admin123');
    await page.getByRole('button', { name: /登录/ }).click();
    await page.waitForTimeout(3000);
  });

  test('应该显示菜单列表页面', async ({ page }) => {
    await page.goto('/menus');
    await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
  });

  test('应该显示菜单树形结构', async ({ page }) => {
    await page.goto('/menus');
    await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
  });

  test('应该能够搜索菜单', async ({ page }) => {
    await page.goto('/menus');
    await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
  });

  test('应该能够重置搜索条件', async ({ page }) => {
    await page.goto('/menus');
    await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
  });

  test('应该能够展开和折叠菜单', async ({ page }) => {
    await page.goto('/menus');
    await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
  });
});