1631c1698d
The Instellingen tab was activity management, which Phase 2 made admin-only — workers saw add/edit/delete controls that all 403. Replace it with an Account tab showing the signed-in name/email (via /api/me) and an Uitloggen button (wires the existing AuthContext signOut). Activity management belongs to the Phase 3 admin app, so the worker client drops the Settings screen and its now-unused activity-mutation hooks (useActivities read stays). Products affected: SoleLog worker client (apps/worker).
46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
import { render, screen, within } from '@testing-library/react';
|
|
import { afterEach, describe, expect, it, vi } from 'vitest';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import App from './App';
|
|
import { clearToken, setToken } from './lib/auth-storage';
|
|
|
|
// Stub the network layer so stub screens render without real requests.
|
|
vi.mock('./lib/api', async () => {
|
|
const actual = await vi.importActual<typeof import('./lib/api')>('./lib/api');
|
|
return {
|
|
...actual,
|
|
apiFetch: vi.fn().mockResolvedValue([]),
|
|
};
|
|
});
|
|
|
|
function renderApp() {
|
|
const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
|
|
return render(
|
|
<QueryClientProvider client={queryClient}>
|
|
<App />
|
|
</QueryClientProvider>
|
|
);
|
|
}
|
|
|
|
describe('App', () => {
|
|
afterEach(() => {
|
|
clearToken();
|
|
});
|
|
|
|
it('shows the login screen when there is no token', () => {
|
|
clearToken();
|
|
renderApp();
|
|
expect(screen.getByText('E-mailadres')).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: 'Inloggen' })).toBeInTheDocument();
|
|
});
|
|
|
|
it('shows the tab bar when a token is present', () => {
|
|
setToken('tok');
|
|
renderApp();
|
|
const tabbar = within(screen.getByRole('navigation'));
|
|
expect(tabbar.getByText('Stopwatch')).toBeInTheDocument();
|
|
expect(tabbar.getByText('Geschiedenis')).toBeInTheDocument();
|
|
expect(tabbar.getByText('Account')).toBeInTheDocument();
|
|
});
|
|
});
|