import { test, expect } from '../../utils/test-setup';
import { readFileSync } from 'fs';
import { join, dirname } from 'path';
import { fileURLToPath } from 'url';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const testUsers = JSON.parse(readFileSync(join(__dirname, '../../fixtures/test-users.json'), 'utf-8'));

test.describe.serial('银行名称页面调试', () => {
  test.beforeEach(async ({ adminLoginPage }) => {
    await adminLoginPage.goto();
    await adminLoginPage.login(testUsers.admin.username, testUsers.admin.password);
    await adminLoginPage.expectLoginSuccess();
  });

  test('检查页面加载状态', async ({ page }) => {
    // 使用与搜索测试完全相同的代码
    await page.goto('http://localhost:8080/admin/bank-names');
    await page.waitForLoadState('domcontentloaded');
    await page.waitForTimeout(1000);
    
    // 检查搜索框
    const searchInput = page.getByTestId('search-input');
    const searchVisible = await searchInput.isVisible();
    console.log('搜索框可见: ' + searchVisible);
    
    // 检查表格行
    const tbodyRows = await page.locator('tbody tr').count();
    console.log('tbody tr 数量: ' + tbodyRows);
    
    // 检查删除按钮
    const deleteButtons = page.locator('button[data-testid^="delete-button-"]');
    const deleteCount = await deleteButtons.count();
    console.log('删除按钮数量: ' + deleteCount);
    
    // 截图
    await page.screenshot({ path: 'test-results/bank-debug-page-state.png' });
    
    // 如果表格为空，等待更长时间后重试
    if (tbodyRows === 0) {
      console.log('表格为空，等待更长时间...');
      await page.waitForTimeout(10000);
      
      const newTbodyRows = await page.locator('tbody tr').count();
      console.log('等待后 tbody tr 数量: ' + newTbodyRows);
      
      const newDeleteCount = await deleteButtons.count();
      console.log('等待后删除按钮数量: ' + newDeleteCount);
      
      await page.screenshot({ path: 'test-results/bank-debug-page-state-after-wait.png' });
    }
  });
});