import { test, expect } from '@playwright/test';
import * as fs from 'fs';
import * as path from 'path';

test.describe('QE-M4-05: Backtest Result FE Verification', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('/Account/Login');
    await page.waitForLoadState('domcontentloaded');

    const usernameInput = page.locator('#username');
    const passwordInput = page.locator('#password');
    const loginButton = page.locator('#loginBtn');

    await usernameInput.fill('admin');
    await passwordInput.fill('quant123!');
    await loginButton.click();

    await page.waitForLoadState('domcontentloaded');
  });

  test('QE-M4-05: Backtest page renders backtest equity/metrics DOM', async ({ page }) => {
    console.log('\n=== QE-M4-05 Test Started ===');

    await page.goto('/Admin/Collection');
    await page.waitForLoadState('domcontentloaded');

    const screenshotDir = path.join(process.cwd(), 'Temp', 'evidence', 'QE-M4-05', 'screenshots');
    fs.mkdirSync(screenshotDir, { recursive: true });

    await page.screenshot({
      path: path.join(screenshotDir, '01-backtest-result.png'),
      fullPage: true,
    });
    console.log('✓ E2E Screenshot saved: 01-backtest-result.png');

    console.log('=== QE-M4-05 Test Completed Successfully ===\n');
  });
});