Files
makelore/tests/unit/plugin-marketplace-pages.test.tsx

129 lines
7.9 KiB
TypeScript

import { fireEvent, render, screen } from '@testing-library/react';
import { MemoryRouter } from 'react-router-dom';
import { describe, expect, it, vi } from 'vitest';
import { PluginMarketplaceView } from '@/pages/PluginMarketplace';
import { MyPluginsView } from '@/pages/MyPlugins';
import type {
MarketplaceCatalogPage,
MarketplaceLibrarySnapshot,
MarketplacePluginDetail,
} from '@/lib/plugin-marketplace';
const item = {
pluginId: 'makelore.notes', title: '灵感笔记', summary: '整理项目灵感与任务。',
category: '效率', tags: ['笔记'], providerDisplayName: 'MakeLore',
runtimeKind: 'skill_only' as const, runtimeStatus: 'enabled' as const,
acquisition: 'free' as const, usageBilling: 'mixed' as const,
includedOperationCount: 2, meteredOperationCount: 1,
stableVersion: '2.0.0', betaVersion: null,
};
const catalog: MarketplaceCatalogPage = {
items: [item], nextCursor: null, total: 1, catalogGeneration: 2,
etag: '"plugins-2-tp-1"', pricingVersionId: '1', stale: false, fetchedAt: 1,
};
const detail: MarketplacePluginDetail = {
...item, descriptionMarkdown: '详细介绍', permissions: ['读取项目名称'], operations: [],
stableRelease: { releaseId: 'release-2', version: '2.0.0' }, betaRelease: null,
etag: '"plugins-2-tp-1"', pricingVersionId: '1', stale: false, fetchedAt: 1,
};
describe('Plugin Marketplace pages', () => {
it('supports search/detail and keeps free acquisition separate', () => {
const onSearch = vi.fn();
const onAcquire = vi.fn();
render(<MemoryRouter><PluginMarketplaceView
catalog={catalog} detail={detail} library={null} catalogState="ready" pending={{}}
onSearch={onSearch} onSelect={vi.fn()} onAcquire={onAcquire}
/></MemoryRouter>);
expect(screen.getByRole('heading', { name: '插件中心' })).toHaveClass('text-balance');
expect(screen.getByText('部分能力包含,部分按 Token Point 用量计费')).toBeVisible();
expect(screen.getByText('1')).toHaveClass('tabular-nums');
fireEvent.change(screen.getByRole('searchbox', { name: '搜索插件' }), { target: { value: '笔记' } });
fireEvent.submit(screen.getByRole('search'));
expect(onSearch).toHaveBeenCalledWith(expect.objectContaining({ query: '笔记' }));
const acquire = screen.getByRole('button', { name: '免费获取灵感笔记' });
expect(acquire).toHaveClass('min-h-10');
fireEvent.click(acquire);
expect(onAcquire).toHaveBeenCalledWith('makelore.notes');
});
it('renders the catalog first-failure and stale states without invented cards', () => {
const { rerender } = render(<MemoryRouter><PluginMarketplaceView
catalog={null} detail={null} library={null} catalogState="error" catalogError="offline"
pending={{}} onSearch={vi.fn()} onSelect={vi.fn()} onAcquire={vi.fn()}
/></MemoryRouter>);
expect(screen.getByRole('alert')).toHaveTextContent('插件目录暂不可用');
expect(screen.queryByRole('article')).not.toBeInTheDocument();
rerender(<MemoryRouter><PluginMarketplaceView
catalog={{ ...catalog, stale: true }} detail={null} library={null} catalogState="ready"
pending={{}} onSearch={vi.fn()} onSelect={vi.fn()} onAcquire={vi.fn()}
/></MemoryRouter>);
expect(screen.getByRole('status')).toHaveTextContent('缓存目录');
});
});
describe('My Plugins', () => {
const library: MarketplaceLibrarySnapshot = {
total: 4, stale: false, fetchedAt: 1,
items: [
{ pluginId: 'makelore.notes', title: '灵感笔记', summary: 'Notes', category: '效率', acquisition: 'free', acquisitionMode: 'user_acquired', catalogStatus: 'active', runtimeStatus: 'enabled', acquiredAt: '2026-08-28T00:00:00Z', removedAt: null, stableVersion: '2.0.0', betaVersion: null },
{ pluginId: 'makelore.removed', title: '旧插件', summary: 'Removed', category: '效率', acquisition: 'free', acquisitionMode: 'user_acquired', catalogStatus: 'active', runtimeStatus: 'enabled', acquiredAt: '2026-08-27T00:00:00Z', removedAt: '2026-08-28T00:00:00Z', stableVersion: '1.0.0', betaVersion: null },
{ pluginId: 'makelore.retired', title: '已退役插件', summary: 'Retired', category: '效率', acquisition: 'free', acquisitionMode: 'user_acquired', catalogStatus: 'retired', runtimeStatus: 'enabled', acquiredAt: '2026-08-26T00:00:00Z', removedAt: '2026-08-28T00:00:00Z', stableVersion: '1.0.0', betaVersion: null },
{ pluginId: 'makelore.system', title: '开发数据服务', summary: 'Data', category: '系统', acquisition: 'system_included', acquisitionMode: 'system_included', catalogStatus: 'active', runtimeStatus: 'suspended', acquiredAt: null, removedAt: null, stableVersion: '1.0.0', betaVersion: null },
],
};
it('shows update/remove/reacquire and project/partner actions without chaining them', () => {
const onUpdate = vi.fn();
const onRemove = vi.fn();
const onReacquire = vi.fn();
render(<MemoryRouter><MyPluginsView
library={library} installations={{ 'makelore.notes': { status: 'installed', pluginId: 'makelore.notes', version: '1.5.0', releaseId: 'release-1' } }}
state="ready" pending={{}} onRefresh={vi.fn()} onInstall={vi.fn()} onUpdate={onUpdate}
onUninstall={vi.fn()} onRemove={onRemove} onReacquire={onReacquire}
/></MemoryRouter>);
fireEvent.click(screen.getByRole('button', { name: '更新灵感笔记' }));
expect(onUpdate).toHaveBeenCalledWith('makelore.notes');
expect(onRemove).not.toHaveBeenCalled();
fireEvent.click(screen.getByRole('button', { name: '移除灵感笔记' }));
expect(onRemove).toHaveBeenCalledWith('makelore.notes');
fireEvent.click(screen.getByRole('button', { name: '重新免费获取旧插件' }));
expect(onReacquire).toHaveBeenCalledWith('makelore.removed');
expect(screen.getAllByRole('link', { name: '启用到项目' }).length).toBeGreaterThan(0);
expect(screen.getAllByRole('link', { name: '分配给伙伴' }).length).toBeGreaterThan(0);
expect(screen.getByText('运行已暂停')).toBeVisible();
expect(screen.getByText('已退役,移除后不可重新获取')).toBeVisible();
});
it('names signature, yanked/not-ready, and incompatible failures without hiding the old install', () => {
render(<MemoryRouter><MyPluginsView
library={{ ...library, items: [library.items[0]] }}
installations={{ 'makelore.notes': { status: 'unavailable', pluginId: 'makelore.notes', version: '1.5.0', reason: 'plugin_signature_invalid plugin_release_yanked plugin_incompatible_client' } }}
state="ready" pending={{}} onRefresh={vi.fn()} onInstall={vi.fn()} onUpdate={vi.fn()}
onUninstall={vi.fn()} onRemove={vi.fn()} onReacquire={vi.fn()}
/></MemoryRouter>);
expect(screen.getByText(/签名校验失败/)).toBeVisible();
expect(screen.getByText(/版本已撤回或未就绪/)).toBeVisible();
expect(screen.getByText(/当前 MakeLore 版本不兼容/)).toBeVisible();
expect(screen.getByText('设备版本 1.5.0')).toBeVisible();
});
it('honestly groups stable Main failure codes without claiming hidden authority', () => {
const { rerender } = render(<MemoryRouter><MyPluginsView
library={{ ...library, items: [library.items[0]] }} installations={{}} state="ready"
error="plugin_artifact_invalid: Plugin artifact is invalid" pending={{}} onRefresh={vi.fn()}
onInstall={vi.fn()} onUpdate={vi.fn()} onUninstall={vi.fn()} onRemove={vi.fn()} onReacquire={vi.fn()}
/></MemoryRouter>);
expect(screen.getByRole('alert')).toHaveTextContent('签名或包校验失败');
rerender(<MemoryRouter><MyPluginsView
library={{ ...library, items: [library.items[0]] }} installations={{}} state="ready"
error="plugin_release_not_ready: Plugin Release is not ready" pending={{}} onRefresh={vi.fn()}
onInstall={vi.fn()} onUpdate={vi.fn()} onUninstall={vi.fn()} onRemove={vi.fn()} onReacquire={vi.fn()}
/></MemoryRouter>);
expect(screen.getByRole('alert')).toHaveTextContent('已撤回、尚未就绪或与当前 MakeLore 不兼容');
});
});