Public Access
75 lines
2.9 KiB
React
75 lines
2.9 KiB
React
// @vitest-environment jsdom
|
|
import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest';
|
|
import {cleanup, fireEvent, render, screen, waitFor} from '@testing-library/react';
|
|
import {MemoryRouter, Route, Routes, useLocation} from 'react-router-dom';
|
|
import RequireSession from '../components/RequireSession.jsx';
|
|
import WishlistPage from './WishlistPage.jsx';
|
|
import {PreferencesProvider} from '../context/PreferencesContext.jsx';
|
|
|
|
vi.mock('react-i18next', () => import('../test/i18n-mock.js'));
|
|
|
|
const wishlist = {games: [
|
|
{appid: 1257610, name: 'Prison Architect 2', addedAt: '2026-01-01T00:00:00Z', price: '7,49€', originalPrice: '29,99€', discountPct: 75},
|
|
{appid: 3012600, name: 'Coming Soon', addedAt: '2025-06-01T00:00:00Z', price: null, originalPrice: null, discountPct: 0},
|
|
]};
|
|
|
|
function LoginState() {
|
|
return <div data-testid="login">{JSON.stringify(useLocation().state)}</div>;
|
|
}
|
|
|
|
const renderPage = () => render(
|
|
<MemoryRouter initialEntries={['/wishlist']}><PreferencesProvider>
|
|
<Routes>
|
|
<Route element={<RequireSession/>}><Route path="/wishlist" element={<WishlistPage/>}/></Route>
|
|
<Route path="/login" element={<LoginState/>}/>
|
|
</Routes>
|
|
</PreferencesProvider></MemoryRouter>,
|
|
);
|
|
|
|
describe('WishlistPage', () => {
|
|
beforeEach(() => {
|
|
localStorage.setItem('tbp_session', '1');
|
|
globalThis.fetch = vi.fn(async () => ({ok: true, status: 200, json: async () => wishlist}));
|
|
});
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
localStorage.clear();
|
|
});
|
|
|
|
it('shows each game with its price, and the discount for games on sale', async () => {
|
|
renderPage();
|
|
|
|
expect(await screen.findByText('Prison Architect 2')).toBeTruthy();
|
|
expect(screen.getByText('-75%')).toBeTruthy();
|
|
expect(screen.getByText('7,49€')).toBeTruthy();
|
|
expect(screen.getByText('29,99€')).toBeTruthy();
|
|
expect(screen.getByText('Coming Soon')).toBeTruthy();
|
|
expect(screen.getByText('WISHLIST.NO_PRICE')).toBeTruthy();
|
|
});
|
|
|
|
it('can show only the games on sale', async () => {
|
|
renderPage();
|
|
await screen.findByText('Coming Soon');
|
|
|
|
fireEvent.click(screen.getByRole('button', {name: /WISHLIST.ONLY_ON_SALE/}));
|
|
|
|
expect(screen.queryByText('Coming Soon')).toBeNull();
|
|
expect(screen.getByText('Prison Architect 2')).toBeTruthy();
|
|
});
|
|
|
|
it('explains an empty or private wishlist', async () => {
|
|
fetch.mockResolvedValueOnce({ok: true, status: 200, json: async () => ({games: []})});
|
|
renderPage();
|
|
|
|
expect(await screen.findByText('WISHLIST.EMPTY')).toBeTruthy();
|
|
});
|
|
|
|
it('opens the login page on a 401 that the refresh cannot fix', async () => {
|
|
fetch.mockResolvedValue({ok: false, status: 401, json: async () => ({})});
|
|
renderPage();
|
|
|
|
await waitFor(() => expect(JSON.parse(screen.getByTestId('login').textContent).sessionExpired).toBe(true));
|
|
});
|
|
});
|