frontend/test/application/feed-cover.test.ts

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

import { expect, it, vi } from 'vitest';

import { advanceImageFallback } from '../../src/card-art/image-fallback';
import { feedNewCoverHtml } from '../../src/application/feed.js';

// 封面片段只读条目字段，其余域控制器换成空壳，免得装载整套应用。
vi.mock('../../src/application/catalog.js', () => ({ catalogState: {} }));
vi.mock('../../src/application/preferences.js', () => ({ preferencesState: {}, wireDrag: () => {} }));
vi.mock('../../src/application/entity.js', () => ({ pushEntityPage: () => {} }));
vi.mock('../../src/application/effects', () => ({ applicationEffects: {} }));

const render = (item: Record<string, unknown>) => {
  const host = document.createElement('div');
  host.innerHTML = feedNewCoverHtml(item);
  return host;
};

it('未入库新作的官方封面经 Peach 代理取图，页面不出现图床地址', () => {
  const host = render({ code: 'ABC-001', has_cover: false,
    cover_url: 'https://awsimgsrc.dmm.co.jp/pics_dig/digital/video/abc00001/abc00001pl.jpg' });
  const image = host.querySelector('img')!;
  expect(image.getAttribute('src')).toBe('/cover-image?code=ABC-001');
  expect(host.innerHTML).not.toContain('dmm.co.jp');
});

it('代理取不到封面时换成「封面未取得」占位，不留裂图', () => {
  const host = render({ code: 'ABC-001', has_cover: false, cover_url: 'https://pics.dmm.co.jp/digital/video/abc00001/abc00001pl.jpg' });
  expect(advanceImageFallback(host.querySelector('img'))).toBe('drop');
  expect(host.querySelector('img')).toBeNull();
  expect(host.querySelector('span.nopic')?.textContent).toBe('封面未取得');
});

it('还没有封面时写出状态与原因，排队的给「优先处理」，取过没取到的给「立即重试」', () => {
  for (const [state, title, action] of [['queued', '排队中', '优先处理'], ['missing', '无封面', '立即重试']] as const) {
    const host = render({ code: 'ABC-001', has_cover: false, cover_url: '', cover_state: state, cover_reason: '等下一轮订阅检查分批取图' });
    const cell = host.querySelector(`[data-feed-cover-state="${state}"]`)!;
    expect(cell.querySelector('.nopic')?.textContent).toBe(title);
    expect(cell.querySelector('.feedcoverreason')?.textContent).toBe('等下一轮订阅检查分批取图');
    const button = cell.querySelector<HTMLButtonElement>('button[data-feed-action="prioritise"]')!;
    expect([button.textContent, button.dataset.code]).toEqual([action, 'ABC-001']);
  }
  const fetching = render({ code: 'ABC-001', has_cover: false, cover_url: '', cover_state: 'fetching' });
  expect(fetching.querySelector('[data-feed-cover-state="fetching"] button')).toBeNull();
});

it('没有可代理的地址或番号时直接显示无封面，不发请求', () => {
  for (const item of [{ code: 'ABC-001', cover_url: '' }, { code: '', cover_url: 'https://pics.dmm.co.jp/a.jpg' }]) {
    const host = render({ ...item, has_cover: false });
    expect(host.querySelector('img')).toBeNull();
    expect(host.querySelector('[data-feed-cover-state="missing"]')?.textContent).toBe('无封面');
  }
});