import { describe, expect, it } from 'vitest';
import { PreviewPanel } from '../../src/content/components/preview-panel';
import { VirtualPreviewList } from '../../src/content/components/virtual-preview-list';

describe('PreviewPanel episode assist bridge', () => {
  it('renders assist controls and bubbles preview assist events', async () => {
    const panel = new PreviewPanel();
    panel.episodeExtractAssistEnabled = true;
    panel.episodeExtractAssistState = {
      sampleFileId: 'file-1',
      sampleFileName: 'My.Show.S01E01',
      fillTarget: 'prefix',
      fillMode: 'segment',
      suggestedFailureFileId: 'file-1',
    };
    panel.items = [
      {
        file: {
          id: 'file-1',
          name: 'My.Show.S01E01.mkv',
          ext: '.mkv',
          parentId: 'root',
          size: 1,
          mtime: Date.now(),
        },
        newName: 'My.Show.S01E01.mkv',
        conflict: false,
        error: 'extract_episode_not_found',
      },
    ];

    const fullNameEvents: Array<CustomEvent<{ fileName: string }>> = [];
    const segmentEvents: Array<CustomEvent<{ segment: string }>> = [];
    const sampleEvents: Event[] = [];
    const prefixEvents: Event[] = [];
    const modeEvents: Event[] = [];
    panel.addEventListener('episode-assist-apply-full-name', (event) => fullNameEvents.push(event as CustomEvent<{ fileName: string }>));
    panel.addEventListener('episode-assist-apply-segment', (event) => segmentEvents.push(event as CustomEvent<{ segment: string }>));
    panel.addEventListener('episode-assist-use-item-as-sample', (event) => sampleEvents.push(event));
    panel.addEventListener('episode-assist-use-prefix-from-item', (event) => prefixEvents.push(event));
    panel.addEventListener('episode-assist-focus-segment-mode', (event) => modeEvents.push(event));

    document.body.appendChild(panel);
    await panel.updateComplete;

    const previewList = panel.shadowRoot?.querySelector('virtual-preview-list') as VirtualPreviewList | null;
    expect(previewList).toBeTruthy();
    await previewList?.updateComplete;

    previewList?.shadowRoot
      ?.querySelector<HTMLElement>('[data-role="episode-assist-apply-full-name"]')
      ?.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));
    previewList?.shadowRoot
      ?.querySelector<HTMLElement>('[data-role="episode-assist-segment"]')
      ?.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));
    previewList?.shadowRoot
      ?.querySelector<HTMLElement>('[data-role="episode-assist-use-item-as-sample"]')
      ?.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));
    previewList?.shadowRoot
      ?.querySelector<HTMLElement>('[data-role="episode-assist-use-prefix-from-item"]')
      ?.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));
    previewList?.shadowRoot
      ?.querySelector<HTMLElement>('[data-role="episode-assist-focus-segment-mode"]')
      ?.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));

    expect(fullNameEvents).toHaveLength(1);
    expect(fullNameEvents[0].detail.fileName).toBe('My.Show.S01E01');
    expect(segmentEvents).toHaveLength(1);
    expect(segmentEvents[0].detail.segment).toBe('My');
    expect(sampleEvents).toHaveLength(1);
    expect(prefixEvents).toHaveLength(1);
    expect(modeEvents).toHaveLength(1);

    const focusedItem = previewList?.shadowRoot?.querySelector('[data-file-id="file-1"]');
    const focusHint = previewList?.shadowRoot?.querySelector('[data-role="episode-assist-focus-hint"]');
    expect(focusedItem?.className).toContain('assist-focus');
    expect(focusHint?.textContent).toContain('定位');

    panel.remove();
  });
});