Public Access
94 lines
4.0 KiB
React
94 lines
4.0 KiB
React
// @vitest-environment jsdom
|
|
import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest';
|
|
import {cleanup, fireEvent, screen, waitFor} from '@testing-library/react';
|
|
import {toast} from 'sonner';
|
|
import ManualGameCard from './ManualGameCard.jsx';
|
|
import {fetchRoutes, json} from '../test/fetchRoutes.js';
|
|
import {renderWithProviders} from '../test/renderWithProviders.jsx';
|
|
|
|
vi.mock('react-i18next', () => import('../test/i18n-mock.js'));
|
|
vi.mock('sonner', () => ({toast: {success: vi.fn(), error: vi.fn()}}));
|
|
|
|
const game = {appid: -1025, platform: 'PS5', playtimeMinutes: 90};
|
|
|
|
const answer = (routes) => fetchRoutes({'GET /api/users/me': json(200, {settings: {}}), ...routes});
|
|
|
|
const renderCard = (onSaved = vi.fn()) => renderWithProviders(<ManualGameCard game={game} onSaved={onSaved}/>,
|
|
{path: '/library/:appid', entries: ['/library/-1025'], routes: {'/library': <p>library page</p>}});
|
|
|
|
const saveButton = () => screen.getByRole('button', {name: 'BACKLOG.SAVE'});
|
|
|
|
beforeEach(() => {
|
|
localStorage.setItem('tbp_session', '1');
|
|
});
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
localStorage.clear();
|
|
vi.clearAllMocks();
|
|
});
|
|
|
|
describe('ManualGameCard', () => {
|
|
it('saves the trimmed platform and the minutes, then reports them', async () => {
|
|
answer({'PUT /api/library/games/-1025/manual': json(200, {})});
|
|
const onSaved = vi.fn();
|
|
renderCard(onSaved);
|
|
|
|
fireEvent.change(screen.getByLabelText('MANUAL_GAME.PLATFORM'), {target: {value: ' Switch '}});
|
|
fireEvent.change(screen.getByLabelText('MANUAL_GAME.HOURS'), {target: {value: '2'}});
|
|
fireEvent.click(saveButton());
|
|
|
|
await waitFor(() => expect(onSaved).toHaveBeenCalledWith({platform: 'Switch', playtimeMinutes: 120}));
|
|
const [url, init] = fetch.mock.calls.find(([, call]) => call?.method === 'PUT');
|
|
expect(url).toContain('/api/library/games/-1025/manual');
|
|
expect(JSON.parse(init.body)).toEqual({platform: 'Switch', playtimeMinutes: 120});
|
|
});
|
|
|
|
it('keeps the save button disabled while nothing changed', () => {
|
|
answer({});
|
|
renderCard();
|
|
|
|
expect(saveButton().disabled).toBe(true);
|
|
fireEvent.change(screen.getByLabelText('MANUAL_GAME.PLATFORM'), {target: {value: 'PS5 '}});
|
|
expect(saveButton().disabled).toBe(true);
|
|
});
|
|
|
|
it('removes the game only after a confirm and opens the library', async () => {
|
|
answer({'DELETE /api/library/games/-1025': json(204, null)});
|
|
const {router} = renderCard();
|
|
|
|
fireEvent.click(screen.getByRole('button', {name: 'MANUAL_GAME.REMOVE'}));
|
|
expect(fetch.mock.calls.some(([, init]) => init?.method === 'DELETE')).toBe(false);
|
|
fireEvent.click(screen.getByRole('button', {name: 'MANUAL_GAME.REMOVE_YES'}));
|
|
|
|
await waitFor(() => expect(router.state.location.pathname).toBe('/library'));
|
|
});
|
|
|
|
it('shows an error when the save fails', async () => {
|
|
answer({'PUT /api/library/games/-1025/manual': json(500, {})});
|
|
const onSaved = vi.fn();
|
|
renderCard(onSaved);
|
|
|
|
fireEvent.change(screen.getByLabelText('MANUAL_GAME.PLATFORM'), {target: {value: 'Switch'}});
|
|
fireEvent.click(saveButton());
|
|
|
|
await waitFor(() => expect(toast.error).toHaveBeenCalledWith('BACKLOG.SAVE_FAILED'));
|
|
expect(onSaved).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('shows no toast on a 401', async () => {
|
|
answer({'PUT /api/library/games/-1025/manual': json(401, {}), 'POST /api/auth/refresh': json(401, {})});
|
|
const onSaved = vi.fn();
|
|
renderCard(onSaved);
|
|
|
|
fireEvent.change(screen.getByLabelText('MANUAL_GAME.PLATFORM'), {target: {value: 'Switch'}});
|
|
fireEvent.click(saveButton());
|
|
|
|
await waitFor(() => expect(fetch.mock.calls.some(([url]) => url.endsWith('/api/auth/refresh'))).toBe(true));
|
|
await waitFor(() => expect(saveButton().disabled).toBe(false));
|
|
expect(toast.error).not.toHaveBeenCalled();
|
|
expect(toast.success).not.toHaveBeenCalled();
|
|
expect(onSaved).not.toHaveBeenCalled();
|
|
});
|
|
});
|