nexu-io--open-design
wehub-resource-sync
88 行
2.8 KiB
TypeScript
88 行
2.8 KiB
TypeScript
// @vitest-environment jsdom
|
|
|
|
import {
|
|
act,
|
|
cleanup,
|
|
fireEvent,
|
|
render,
|
|
screen,
|
|
} from '@testing-library/react';
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
|
|
import type { SkillSummary } from '../../src/types';
|
|
|
|
// Regression coverage for nexu-io/open-design#860 (round 3): the modal's
|
|
// onView fires with the modal-internal view id ('preview'), not the
|
|
// active skill id. The Retry path must close over the selected skill so
|
|
// re-fires hit /api/skills/{skill-id}/example, not /api/skills/preview/example.
|
|
|
|
vi.mock('../../src/providers/registry', () => ({
|
|
fetchSkillExample: vi.fn(),
|
|
}));
|
|
|
|
import { fetchSkillExample } from '../../src/providers/registry';
|
|
import { ExamplesTab } from '../../src/components/ExamplesTab';
|
|
|
|
const mockedFetch = fetchSkillExample as unknown as ReturnType<typeof vi.fn>;
|
|
|
|
const sampleSkill: SkillSummary = {
|
|
id: 'live-dashboard',
|
|
name: 'Live Dashboard',
|
|
description: 'A team dashboard live artifact.',
|
|
triggers: ['dashboard'],
|
|
mode: 'prototype',
|
|
previewType: 'html',
|
|
designSystemRequired: false,
|
|
defaultFor: [],
|
|
upstream: null,
|
|
hasBody: true,
|
|
examplePrompt: 'Build me a Notion-style team dashboard.',
|
|
aggregatesExamples: false,
|
|
};
|
|
|
|
async function flushPromises() {
|
|
await act(async () => {
|
|
await Promise.resolve();
|
|
});
|
|
}
|
|
|
|
describe('ExamplesTab preview retry path (#860)', () => {
|
|
beforeEach(() => {
|
|
mockedFetch.mockReset();
|
|
});
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
});
|
|
|
|
it('Retry refetches the active skill, not the modal-internal view id', async () => {
|
|
mockedFetch.mockResolvedValue({ error: 'simulated failure' });
|
|
|
|
render(<ExamplesTab skills={[sampleSkill]} onUsePrompt={() => {}} />);
|
|
|
|
// Open the preview modal for the sample skill.
|
|
const openButtons = screen.getAllByText(/open preview/i);
|
|
fireEvent.click(openButtons[0]!);
|
|
|
|
// Initial fetch on mount.
|
|
await flushPromises();
|
|
expect(mockedFetch).toHaveBeenCalledTimes(1);
|
|
expect(mockedFetch).toHaveBeenLastCalledWith('live-dashboard', 'html');
|
|
|
|
// Error UI replaces the loading placeholder.
|
|
expect(screen.getByText("Couldn't load this example.")).toBeTruthy();
|
|
const retry = screen.getByRole('button', { name: /retry/i });
|
|
|
|
// Retry must hit the same skill id, NOT 'preview' (the modal view id).
|
|
fireEvent.click(retry);
|
|
await flushPromises();
|
|
|
|
expect(mockedFetch).toHaveBeenCalledTimes(2);
|
|
expect(mockedFetch).toHaveBeenLastCalledWith('live-dashboard', 'html');
|
|
// Defensive: a regression that wires the modal view id back into the
|
|
// fetcher would call with 'preview' as the first arg here, regardless
|
|
// of the previewType arg passed alongside.
|
|
expect(mockedFetch).not.toHaveBeenCalledWith('preview', expect.any(String));
|
|
expect(mockedFetch).not.toHaveBeenCalledWith('preview');
|
|
});
|
|
});
|