镜像自地址
https://github.com/lhly/cloud-drive-renamer.git
已同步 2026-10-20 13:47:47 +08:00
82 行
3.6 KiB
TypeScript
82 行
3.6 KiB
TypeScript
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();
|
|
});
|
|
});
|