Files
ToBePlayed-Frontend/src/components/AchievementsCard.test.jsx
T

53 lines
2.1 KiB
React
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
// @vitest-environment jsdom
import {afterEach, describe, expect, it, vi} from 'vitest';
import {cleanup, render, screen} from '@testing-library/react';
import {MemoryRouter} from 'react-router-dom';
import AchievementsCard from './AchievementsCard.jsx';
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();
});
});