feat: sprint 1 — auth + CRUD engagements
Ship the first feature end-to-end on the UI: users log in with JWT,
admins manage user accounts, and any authenticated user (per RBAC)
can create, list, view, edit, and delete engagements.
Backend (Flask + SQLAlchemy + SQLite, 63 pytest)
- User / Engagement models, Alembic 0001 initial schema
- argon2 password hashing, JWT bearer (60-min TTL), @login_required
and @role_required decorators
- 13 API endpoints under /api/*, including last-admin protection on
DELETE/PATCH user and JSON 404 on unknown /api/* paths
- `flask create-admin` CLI with duplicate / short-password handling
Frontend (React + Vite + Tailwind + TanStack Query, 20 vitest)
- Inter font bundled locally (no CDN), DESIGN.md tokens in Tailwind
- LoginPage / EngagementsList / EngagementForm / EngagementDetail /
UsersAdmin pages with role-aware UI
- Layout, ProtectedRoute, StatusBadge, FormField, LoadingState,
ErrorState, EmptyState, Toast + provider
- Axios client: Bearer interceptor, 401 → purge + /login + "Session
expirée" toast, 403 → "Accès refusé" toast (declarative <Navigate>
for already-authed users, Fragment-keyed admin user rows)
Deployment
- Single multistage Dockerfile (node:20-alpine → python:3.12-slim)
- docker/entrypoint.sh runs `flask db upgrade` before `flask run`
- Makefile: build/start/stop/restart/update/logs/create-admin/
update-mitre/test-{backend,frontend,e2e}/clean
- .env.example documenting MIMIC_JWT_SECRET / MIMIC_DB_PATH / MIMIC_PORT
- SQLite at /data/mimic.sqlite on named volume mimic-data
Acceptance suite (Playwright, 36 tests, all 27 ACs)
- e2e/ scaffold with playwright.config + auth/api fixtures
- One spec per user story (us1-bootstrap through us6-deployment)
- Portable via MIMIC_CONTAINER_CMD / MIMIC_BASE_URL (docker or podman)
Docs
- README.md with quick-start and architecture overview
- CHANGELOG.md updated with Sprint 1 deliverables
- pyrightconfig.json so the Python LSP sees backend/.venv and
resolves the `backend.app.*` absolute imports
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
80
frontend/tests/ProtectedRoute.test.tsx
Normal file
80
frontend/tests/ProtectedRoute.test.tsx
Normal file
@@ -0,0 +1,80 @@
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
|
||||
import { render, screen, waitFor } from '@testing-library/react';
|
||||
import { MemoryRouter, Route, Routes } from 'react-router-dom';
|
||||
import { ProtectedRoute } from '@/components/ProtectedRoute';
|
||||
import { ToastProvider } from '@/hooks/useToast';
|
||||
import { AuthProvider } from '@/hooks/useAuth';
|
||||
import { setToken } from '@/api/client';
|
||||
import { ToastViewport } from '@/components/Toast';
|
||||
|
||||
// Mock the auth API so AuthProvider hydrates without network.
|
||||
vi.mock('@/api/auth', () => ({
|
||||
login: vi.fn(),
|
||||
logout: vi.fn(),
|
||||
fetchMe: vi.fn(),
|
||||
}));
|
||||
|
||||
import { fetchMe } from '@/api/auth';
|
||||
|
||||
function setup() {
|
||||
return render(
|
||||
<MemoryRouter initialEntries={['/admin']}>
|
||||
<ToastProvider>
|
||||
<AuthProvider>
|
||||
<Routes>
|
||||
<Route path="/login" element={<div>LOGIN PAGE</div>} />
|
||||
<Route path="/engagements" element={<div>ENGAGEMENTS</div>} />
|
||||
<Route element={<ProtectedRoute roles={['admin']} />}>
|
||||
<Route path="/admin" element={<div>ADMIN AREA</div>} />
|
||||
</Route>
|
||||
</Routes>
|
||||
<ToastViewport />
|
||||
</AuthProvider>
|
||||
</ToastProvider>
|
||||
</MemoryRouter>,
|
||||
);
|
||||
}
|
||||
|
||||
describe('ProtectedRoute', () => {
|
||||
beforeEach(() => {
|
||||
localStorage.clear();
|
||||
vi.mocked(fetchMe).mockReset();
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
setToken(null);
|
||||
});
|
||||
|
||||
it('redirects unauthenticated users to /login', async () => {
|
||||
// No token → unauthenticated, no /me call.
|
||||
setup();
|
||||
expect(await screen.findByText('LOGIN PAGE')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('admins reach the admin page', async () => {
|
||||
setToken('fake-token');
|
||||
vi.mocked(fetchMe).mockResolvedValue({
|
||||
id: 1,
|
||||
username: 'alice',
|
||||
role: 'admin',
|
||||
created_at: '2026-01-01',
|
||||
});
|
||||
setup();
|
||||
expect(await screen.findByText('ADMIN AREA')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('non-admins get redirected and see an access denied toast', async () => {
|
||||
setToken('fake-token');
|
||||
vi.mocked(fetchMe).mockResolvedValue({
|
||||
id: 2,
|
||||
username: 'bob',
|
||||
role: 'soc',
|
||||
created_at: '2026-01-01',
|
||||
});
|
||||
setup();
|
||||
expect(await screen.findByText('ENGAGEMENTS')).toBeInTheDocument();
|
||||
await waitFor(() => {
|
||||
expect(screen.getByTestId('toast')).toHaveTextContent('Accès refusé');
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user