Public Access
lobo
8b94a25844
Add perfect games click-through on the dashboard. Remove Steam store links from game lists. Stat numbers with count 0 are not clickable. Tests cover the perfect-games click, zero guards, and owner versus visitor behavior.
73 lines
3.2 KiB
React
73 lines
3.2 KiB
React
// @vitest-environment jsdom
|
||
import {afterEach, describe, expect, it, vi} from 'vitest';
|
||
import {cleanup, fireEvent, render, screen} from '@testing-library/react';
|
||
import {MemoryRouter} from 'react-router-dom';
|
||
import AchievementsCard from './AchievementsCard.jsx';
|
||
import {StatDrillProvider} from './stats/StatDrill.jsx';
|
||
import {fetchRoutes, json} from '../test/fetchRoutes.js';
|
||
|
||
vi.mock('react-i18next', () => import('../test/i18n-mock.js'));
|
||
|
||
const summary = (extra = {}) => ({
|
||
unlocked: 24, startedGames: 4, perfectGames: 2, averageCompletion: 71.3, pendingGames: 0, hiddenGames: 0,
|
||
closest: [{appid: 20, name: 'Portal 2', unlocked: 3, total: 4}], ...extra,
|
||
});
|
||
|
||
const renderCard = (data) => render(<MemoryRouter><AchievementsCard summary={data}/></MemoryRouter>);
|
||
|
||
describe('AchievementsCard', () => {
|
||
afterEach(() => {
|
||
cleanup();
|
||
});
|
||
|
||
it('shows the totals and links the games closest to 100 %', () => {
|
||
renderCard(summary());
|
||
|
||
expect(screen.getByText('24')).toBeTruthy();
|
||
expect(screen.getByText('2')).toBeTruthy();
|
||
expect(screen.getByText('71,3 %')).toBeTruthy();
|
||
expect(screen.getByRole('link', {name: /Portal 2/}).getAttribute('href')).toBe('/library/20');
|
||
expect(screen.getByText('3 / 4')).toBeTruthy();
|
||
expect(screen.queryByText(/DASHBOARD.ACHIEVEMENTS.PENDING/)).toBeNull();
|
||
});
|
||
|
||
it('says how many games are still syncing', () => {
|
||
renderCard(summary({pendingGames: 7}));
|
||
|
||
expect(screen.getByText('DASHBOARD.ACHIEVEMENTS.PENDING:7')).toBeTruthy();
|
||
});
|
||
|
||
it('explains hidden achievements when nothing is visible', () => {
|
||
renderCard(summary({unlocked: 0, startedGames: 0, perfectGames: 0, averageCompletion: null, hiddenGames: 5,
|
||
pendingGames: 200, closest: []}));
|
||
|
||
expect(screen.getByText('DASHBOARD.ACHIEVEMENTS.HIDDEN')).toBeTruthy();
|
||
expect(screen.queryByText(/DASHBOARD.ACHIEVEMENTS.PENDING/)).toBeNull();
|
||
expect(screen.getByText('–')).toBeTruthy();
|
||
});
|
||
|
||
it('says so when nothing is unlocked yet', () => {
|
||
renderCard(summary({unlocked: 0, startedGames: 0, perfectGames: 0, averageCompletion: null, closest: []}));
|
||
|
||
expect(screen.getByText('DASHBOARD.ACHIEVEMENTS.NONE')).toBeTruthy();
|
||
});
|
||
|
||
it('opensThePerfectGamesInTheOwnLibrary', async () => {
|
||
fetchRoutes({'GET /api/library/stats/games': json(200, {
|
||
content: [{appid: -7, name: 'Manual Game'}], page: 0, size: 40, totalElements: 1, totalPages: 1})});
|
||
render(<MemoryRouter><StatDrillProvider source="own"><AchievementsCard summary={summary()}/></StatDrillProvider></MemoryRouter>);
|
||
|
||
fireEvent.click(screen.getByRole('button', {name: 'DASHBOARD.ACHIEVEMENTS.PERFECT: 2'}));
|
||
|
||
const link = await screen.findByRole('link', {name: /Manual Game/});
|
||
expect(fetch.mock.calls[0][0]).toContain('key=PERFECT&page=0');
|
||
expect(link.getAttribute('href')).toBe('/library/-7');
|
||
});
|
||
|
||
it('perfectGamesAreNotClickableAtZero', () => {
|
||
render(<MemoryRouter><StatDrillProvider source="own"><AchievementsCard summary={summary({perfectGames: 0})}/></StatDrillProvider></MemoryRouter>);
|
||
|
||
expect(screen.queryByRole('button')).toBeNull();
|
||
});
|
||
});
|