// @vitest-environment jsdom
import {
  cleanup,
  fireEvent,
  render,
  screen,
  waitFor,
  within,
} from '@testing-library/react';
import React from 'react';
import { afterEach, expect, it, vi } from 'vitest';

import { DesignWorkspacePanel } from '../src/features/project-workspace/DesignWorkspacePanel';

vi.mock('../src/components/ChatMarkdownMessage', () => ({
  ChatMarkdownMessage: () => null,
}));

afterEach(() => {
  cleanup();
  vi.unstubAllEnvs();
  delete window.__TAURI__;
});

it('prepares debug fixtures from the header and refreshes the phase and files without a manual refresh', async () => {
  vi.stubEnv('VITE_GENARRATIVE_AGC_DESIGN_DEBUG', '1');
  let prepared = false;
  const invoke = vi.fn(async (command: string) => {
    if (command === 'debug_fast_forward_design_session') {
      prepared = true;
      return { activeRuntime: 'design' };
    }
    if (command === 'hydrate_design_agent_session') {
      return { session: { currentPhase: prepared ? 'consultant' : 'concept' } };
    }
    if (command === 'list_design_workspace') {
      return prepared ? [{ path: 'debug.md', kind: 'file', size: 10 }] : [];
    }
    throw new Error(`Unexpected command: ${command}`);
  });
  window.__TAURI__ = { core: { invoke } } as unknown as typeof window.__TAURI__;
  render(<DesignWorkspacePanel projectPath="test-project" />);
  await waitFor(() =>
    expect(
      screen
        .getByRole('button', { name: '刷新策划工作区' })
        .hasAttribute('disabled'),
    ).toBe(false),
  );
  const header = screen
    .getByRole('heading', { name: '概念设计' })
    .closest('header')!;
  fireEvent.click(
    within(header).getByRole('button', { name: '快速准备做成游戏测试' }),
  );
  await screen.findByRole('heading', { name: '顾问' });
  await screen.findByRole('button', { name: 'debug.md' });
  expect(invoke).toHaveBeenCalledWith('debug_fast_forward_design_session', {
    projectPath: 'test-project',
    targetPhase: 'consultant',
  });
});