59 lines
3.1 KiB
TypeScript
59 lines
3.1 KiB
TypeScript
import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
|
|
import type { FormEvent } from 'react';
|
|
import { afterEach, beforeEach, expect, it, vi } from 'vitest';
|
|
import { invokeIpc } from '@/lib/api-client';
|
|
import { COMMUNITY_URL } from '@/lib/community';
|
|
import { CommunityLink } from '@/components/community/CommunityLink';
|
|
import { CodingStartHeading } from '@/pages/Chat/CodingStartHeading';
|
|
|
|
vi.mock('@/lib/api-client', () => ({ invokeIpc: vi.fn() }));
|
|
beforeEach(() => { vi.mocked(invokeIpc).mockReset().mockResolvedValue(undefined); });
|
|
afterEach(() => { cleanup(); vi.restoreAllMocks(); });
|
|
|
|
it('only opens the public explore URL after a click, without fetching or embedding works', async () => {
|
|
const fetch = vi.spyOn(globalThis, 'fetch');
|
|
render(<CodingStartHeading />);
|
|
expect(screen.getByRole('heading', { name: '今天，你想创造什么？' })).toBeInTheDocument();
|
|
expect(screen.getByText('一个游戏、一段故事，或是一个天马行空的想法。')).toBeInTheDocument();
|
|
expect(screen.queryByTestId('community-invitation')).not.toBeInTheDocument();
|
|
expect(invokeIpc).not.toHaveBeenCalled();
|
|
expect(fetch).not.toHaveBeenCalled();
|
|
expect(document.querySelector('iframe')).toBeNull();
|
|
const button = screen.getByRole('button', { name: '作品广场' });
|
|
expect(button).toHaveAttribute('type', 'button');
|
|
expect(button.querySelector('.coding-start-mark img')).not.toBeNull();
|
|
expect(button.querySelectorAll('.coding-start-mark > svg')).toHaveLength(2);
|
|
fireEvent.click(button);
|
|
await waitFor(() => expect(invokeIpc).toHaveBeenCalledExactlyOnceWith('shell:openExternal', COMMUNITY_URL));
|
|
fetch.mockRestore();
|
|
});
|
|
|
|
it('provides an accessible collapsed sidebar entry and a retry after opening fails', async () => {
|
|
vi.mocked(invokeIpc).mockRejectedValueOnce(new Error('unavailable'));
|
|
render(<CommunityLink variant="sidebar" collapsed />);
|
|
const button = screen.getByRole('button', { name: '作品广场' });
|
|
expect(button.querySelector('.community-link-icon svg')).not.toBeNull();
|
|
fireEvent.click(button);
|
|
await screen.findByRole('alert');
|
|
await waitFor(() => expect(button).toBeEnabled());
|
|
fireEvent.click(button);
|
|
await waitFor(() => expect(invokeIpc).toHaveBeenCalledTimes(2));
|
|
expect(screen.queryByRole('alert')).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('keeps the welcome entry available for retry without submitting its surrounding form', async () => {
|
|
const submit = vi.fn((event: FormEvent) => event.preventDefault());
|
|
vi.mocked(invokeIpc).mockRejectedValueOnce(new Error('unavailable'));
|
|
render(<form onSubmit={submit}><CodingStartHeading /></form>);
|
|
const button = screen.getByRole('button', { name: '作品广场' });
|
|
fireEvent.click(button);
|
|
await screen.findByRole('alert');
|
|
await waitFor(() => expect(button).toBeEnabled());
|
|
expect(submit).not.toHaveBeenCalled();
|
|
fireEvent.click(button);
|
|
await waitFor(() => expect(invokeIpc).toHaveBeenCalledTimes(2));
|
|
expect(invokeIpc).toHaveBeenLastCalledWith('shell:openExternal', COMMUNITY_URL);
|
|
expect(screen.queryByRole('alert')).not.toBeInTheDocument();
|
|
expect(submit).not.toHaveBeenCalled();
|
|
});
|