frontend/test/catalog-onboarding.test.ts

Rama master · réplica de lectura del repositorio original.

import { describe, expect, it, vi } from 'vitest';
import { catalogEmptyHtml, catalogSuggestions, clearCatalogAddress } from '../src/catalog-onboarding';

describe('当前馆藏推荐', () => {
  it('空实例不显示示例词', async () => {
    expect(await catalogSuggestions({}, async () => ({ items: [], tags: [] }))).toEqual([]);
  });
  it('少量内容也能推荐，且每条在当前筛选内有搜索命中', async () => {
    const request = vi.fn(async (url: string) => {
      const parsed = new URL(url, 'http://localhost');
      expect(parsed.searchParams.get('jav')).toBe('1');
      expect(parsed.searchParams.has('q')).toBe(false);
      if (parsed.pathname === '/api/facets') return { tags: [{ k: '本机标签', n: 2 }, { k: '失效词', n: 0 }] };
      return { items: [{ name: '本机视频.mp4' }] };
    });
    expect(await catalogSuggestions({ jav: '1', q: '不会带入' }, request)).toEqual(['本机标签', '本机视频.mp4']);
  });
  it('点开搜索框只发筛选项和样本两次请求，不逐词搜索计数', async () => {
    const request = vi.fn(async (url: string) => url.startsWith('/api/facets')
      ? { creators: Array.from({ length: 6 }, (_, n) => ({ k: `卖家${n}`, n: 1 })),
          tags: Array.from({ length: 6 }, (_, n) => ({ k: `标签${n}`, n: 3 })) }
      : { items: [{ code: 'ABC-001' }] });
    expect(await catalogSuggestions({}, request)).toHaveLength(10);
    expect(request).toHaveBeenCalledTimes(2);
    const sample = new URL(request.mock.calls.map(([url]) => url).find(url => url.startsWith('/api/items'))!, 'http://localhost');
    expect(sample.searchParams.get('count')).toBe('0');
  });
});

describe('馆藏与资料空状态', () => {
  it('空首页提供添加内容与来源的真实入口', () => {
    const html = catalogEmptyHtml({ configurable: true });
    expect(html).toContain('data-geist-empty-state');
    expect(html).toContain('href="/settings/library"');
    expect(html).toContain('href="/subscriptions?tab=add"');
    expect(catalogEmptyHtml()).toContain('href="/settings/library"');
    expect(catalogEmptyHtml({ online: true })).toContain('class="geist-button primary" href="/subscriptions?tab=add"');
    expect(catalogEmptyHtml({ configurable: true }).match(/class="geist-button primary"/g)).toHaveLength(1);
  });
  it('JAV 与筛选无结果可查看未筛选内容', () => {
    expect(catalogEmptyHtml({ jav: true })).toContain('尚未补充发行资料');
    expect(catalogEmptyHtml({ filtered: true })).toContain('清除筛选');
    const page = document.createElement('div');
    page.innerHTML = catalogEmptyHtml({ jav: true, filtered: true });
    expect([...page.querySelectorAll('a')].map(link => link.getAttribute('href')))
      .toEqual(['/?loc=&thumb=0', '/data-cleanup#libraryProcessing']);
  });
  it('标签和各类实体没有资料时显示说明', () => {
    for (const kind of ['tags', 'performers', 'creators', 'studios', 'agencies', 'series']) {
      expect(catalogEmptyHtml({ kind })).toContain('data-geist-empty-state');
    }
    expect(catalogEmptyHtml({ kind: 'tags', online: true })).toContain('关注来源');
    expect(catalogEmptyHtml({ kind: 'creators' })).toContain('还没有卖家');
  });
  it('清除条件保留当前索引、视图与在线范围', () => {
    expect(clearCatalogAddress('/tags?scope=online&view=alphabet&q=missing&tag=x&category=role'))
      .toBe('/tags?scope=online&view=alphabet&thumb=0');
    expect(clearCatalogAddress('/?q=x&dur_min=60&state=seen&view=list')).toBe('/?view=list&thumb=0');
  });
});