nexu-io--open-design
wehub-resource-sync
70 行
2.2 KiB
TypeScript
70 行
2.2 KiB
TypeScript
// @vitest-environment jsdom
|
|
|
|
// Plan G4 — MarketplaceView jsdom smoke.
|
|
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
|
|
import { cleanup, render, screen, waitFor } from '@testing-library/react';
|
|
import { MarketplaceView } from '../../src/components/MarketplaceView';
|
|
|
|
const PLUGIN_ROW = {
|
|
id: 'sample-plugin',
|
|
title: 'Sample Plugin',
|
|
version: '1.0.0',
|
|
trust: 'restricted' as const,
|
|
sourceKind: 'local' as const,
|
|
source: '/tmp/sample',
|
|
manifest: { description: 'A fixture' },
|
|
};
|
|
|
|
const MARKETPLACE_ROW = {
|
|
id: 'mp-1',
|
|
url: 'https://example.com/marketplace.json',
|
|
trust: 'restricted',
|
|
manifest: {
|
|
name: 'Example marketplace',
|
|
plugins: [{ name: 'sample-plugin', source: 'github:open-design/sample-plugin' }],
|
|
},
|
|
};
|
|
|
|
let fetchMock: ReturnType<typeof vi.fn>;
|
|
|
|
beforeEach(() => {
|
|
fetchMock = vi.fn(async (url) => {
|
|
if (url === '/api/plugins') {
|
|
return new Response(JSON.stringify({ plugins: [PLUGIN_ROW] }), { status: 200 });
|
|
}
|
|
if (url === '/api/marketplaces') {
|
|
return new Response(JSON.stringify({ marketplaces: [MARKETPLACE_ROW] }), { status: 200 });
|
|
}
|
|
throw new Error(`unexpected fetch ${url}`);
|
|
});
|
|
vi.stubGlobal('fetch', fetchMock);
|
|
});
|
|
|
|
afterEach(() => {
|
|
vi.unstubAllGlobals();
|
|
cleanup();
|
|
});
|
|
|
|
describe('MarketplaceView', () => {
|
|
it('renders the installed plugins as cards and the configured catalogs', async () => {
|
|
render(<MarketplaceView />);
|
|
await waitFor(() => screen.getByTestId('marketplace-grid'));
|
|
expect(screen.getByText('Sample Plugin')).toBeTruthy();
|
|
expect(screen.getByText('A fixture')).toBeTruthy();
|
|
expect(screen.getByText('Example marketplace')).toBeTruthy();
|
|
expect(screen.getByText(/1 plugin\(s\)/)).toBeTruthy();
|
|
});
|
|
|
|
it('filters by trust tier when the user clicks Trusted', async () => {
|
|
render(<MarketplaceView />);
|
|
await waitFor(() => screen.getByText('Sample Plugin'));
|
|
const trustedFilter = screen.getByText('Trusted', { selector: 'button' });
|
|
trustedFilter.click();
|
|
await waitFor(() => expect(screen.queryByText('Sample Plugin')).toBeNull());
|
|
expect(
|
|
screen.getByText(/No plugins installed yet|No plugins/, { exact: false }),
|
|
).toBeTruthy();
|
|
});
|
|
});
|