// @vitest-environment jsdom
import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest';
import {cleanup, fireEvent, render, screen, waitFor} from '@testing-library/react';
import {MemoryRouter} from 'react-router-dom';
import {fetchRoutes, json} from '../test/fetchRoutes.js';
import CompletedHint from './CompletedHint.jsx';

vi.mock('react-i18next', () => import('../test/i18n-mock.js'));
vi.mock('sonner', () => ({toast: {success: vi.fn(), error: vi.fn()}}));

const game = {appid: 220, status: 'FINISHED', hasAchievements: true, statsVisible: true, achievementsTotal: 10, achievementsUnlocked: 10};
const renderHint = (props) => render(<MemoryRouter><CompletedHint game={game} onChanged={() => {}} {...props}/></MemoryRouter>);

describe('CompletedHint', () => {
    beforeEach(() => {
        localStorage.setItem('tbp_session', '1');
        fetchRoutes({'PUT /api/library/games/220/status': (url, init) =>
            json(200, {...JSON.parse(init.body), rating: 5, notes: 'keep', priority: null})});
    });

    afterEach(() => {
        cleanup();
        localStorage.clear();
    });

    it.each([
        ['a game already at 100 %', {...game, status: 'COMPLETED'}],
        ['a game with achievements left', {...game, achievementsUnlocked: 9}],
        ['a game without achievements', {...game, hasAchievements: false, achievementsTotal: 0, achievementsUnlocked: 0}],
        ['a game whose achievements Steam hides', {...game, statsVisible: false}],
    ])('is hidden for %s', (_, other) => {
        renderHint({game: other});

        expect(screen.queryByRole('button')).toBeNull();
    });

    it('sets only the status to COMPLETED', async () => {
        const onChanged = vi.fn();
        renderHint({onChanged});

        fireEvent.click(screen.getByRole('button', {name: 'GAME_DETAIL.SET_COMPLETED'}));

        await waitFor(() => expect(onChanged).toHaveBeenCalledWith({status: 'COMPLETED', rating: 5, notes: 'keep', priority: null}));
        const [url, init] = fetch.mock.calls[0];
        expect(url).toMatch(/\/api\/library\/games\/220\/status$/);
        expect(JSON.parse(init.body)).toEqual({status: 'COMPLETED'});
    });
});