Page Mes Gains
}, + }) + + await userEvent.type(screen.getByPlaceholderText(/votre email/i), 'client@example.com') + await userEvent.type(screen.getByPlaceholderText(/votre mot de passe/i), 'MotDePasse123!') + await userEvent.click(screen.getByRole('button', { name: /se connecter/i })) + + expect(await screen.findByText('Page Mes Gains')).toBeInTheDocument() + expect(localStorage.getItem('token')).toBe('jwt-token') + }) + + it("connecte un admin et redirige vers /admin", async () => { + loginApi.mockResolvedValue({ + token: 'jwt-token', + user: { id: 2, email: 'admin@example.com', role: 'ADMIN' }, + }) + + renderWithProviders(Page Admin
}, + }) + + await userEvent.type(screen.getByPlaceholderText(/votre email/i), 'admin@example.com') + await userEvent.type(screen.getByPlaceholderText(/votre mot de passe/i), 'MotDePasse123!') + await userEvent.click(screen.getByRole('button', { name: /se connecter/i })) + + expect(await screen.findByText('Page Admin')).toBeInTheDocument() + }) +}) diff --git a/frontend/src/test/fonctionnel/CookieBanner.test.jsx b/frontend/src/test/fonctionnel/CookieBanner.test.jsx new file mode 100644 index 0000000..2e4a139 --- /dev/null +++ b/frontend/src/test/fonctionnel/CookieBanner.test.jsx @@ -0,0 +1,39 @@ +import { describe, it, expect } from 'vitest' +import { screen } from '@testing-library/react' +import userEvent from '@testing-library/user-event' +import CookieBanner from '../../components/CookieBanner' +import { renderWithProviders } from '../renderWithProviders' + +describe('CookieBanner', () => { + it("s'affiche quand aucun choix n'a été fait", () => { + renderWithProviders(Page Saisir Code
}, + }) + await remplirEtSoumettre() + await screen.findByRole('heading', { name: /vérifiez votre email/i }) + + await saisirCode('1234') + await userEvent.click(screen.getByRole('button', { name: /valider le code/i })) + + expect(verifyCodeApi).toHaveBeenCalledWith({ email: 'jean@example.com', code: '1234' }) + expect(await screen.findByText('Page Saisir Code')).toBeInTheDocument() + expect(localStorage.getItem('token')).toBe('jwt-token') + }) + + it("affiche l'erreur et vide les champs quand le code est invalide", async () => { + registerApi.mockResolvedValue({ message: 'ok' }) + verifyCodeApi.mockRejectedValue(new Error('Code invalide.')) + + renderWithProviders(Contenu protégé
+Page Connexion
}, + } + ) + + expect(screen.getByText('Page Connexion')).toBeInTheDocument() + expect(screen.queryByText('Contenu protégé')).not.toBeInTheDocument() + }) + + it("affiche le contenu si l'utilisateur est connecté", () => { + renderWithProviders( +Contenu protégé
+Espace admin
+Espace admin
+Page Mes Gains
}, + } + ) + + expect(screen.getByText('Page Mes Gains')).toBeInTheDocument() + expect(screen.queryByText('Espace admin')).not.toBeInTheDocument() + }) + + it("redirige un employé vers son espace s'il tente d'accéder à l'admin", () => { + renderWithProviders( +Espace admin
+Page Employé
}, + } + ) + + expect(screen.getByText('Page Employé')).toBeInTheDocument() + }) +}) diff --git a/frontend/src/test/fonctionnel/SaisirCodeUnique.test.jsx b/frontend/src/test/fonctionnel/SaisirCodeUnique.test.jsx new file mode 100644 index 0000000..8b6c5fe --- /dev/null +++ b/frontend/src/test/fonctionnel/SaisirCodeUnique.test.jsx @@ -0,0 +1,93 @@ +import { describe, it, expect, vi, beforeEach } from 'vitest' +import { screen } from '@testing-library/react' +import userEvent from '@testing-library/user-event' +import SaisirCodeUnique from '../../pages/SaisirCodeUnique' +import Perdu from '../../pages/Perdu' +import { renderWithProviders } from '../renderWithProviders' +import { participateApi } from '../../services/game' + +vi.mock('../../services/game', () => ({ + participateApi: vi.fn(), +})) + +const client = { id: 1, email: 'client@example.com', role: 'CLIENT' } + +async function saisirEtValider(code) { + await userEvent.type(screen.getByPlaceholderText(/votre code/i), code) + await userEvent.click(screen.getByRole('button', { name: /valider/i })) +} + +describe('SaisirCodeUnique', () => { + beforeEach(() => { + vi.clearAllMocks() + }) + + it('désactive le bouton tant que le code ne fait pas 10 caractères', async () => { + renderWithProviders(Page Connexion
}, + }) + await saisirEtValider('ABCDE12345') + + expect(await screen.findByText('Page Connexion')).toBeInTheDocument() + expect(localStorage.getItem('token')).toBeNull() + }) +}) diff --git a/frontend/src/test/renderWithProviders.jsx b/frontend/src/test/renderWithProviders.jsx new file mode 100644 index 0000000..a5a2668 --- /dev/null +++ b/frontend/src/test/renderWithProviders.jsx @@ -0,0 +1,29 @@ +import { render } from '@testing-library/react' +import { MemoryRouter, Routes, Route } from 'react-router-dom' +import { AuthProvider } from '../context/AuthContext' + +// Rend un composant avec les mêmes providers que l'appli (AuthContext + Router). +// - `route` : URL initiale (peut être un objet { pathname, state }) +// - `user` : utilisateur pré-connecté (écrit dans localStorage avant le rendu, +// comme le ferait une vraie session) +// - `routes`: routes supplémentaires pour vérifier les redirections, +// ex: { '/mes-gains':Page Mes Gains
} +export function renderWithProviders(ui, { route = '/', user = null, routes = {} } = {}) { + if (user) { + localStorage.setItem('user', JSON.stringify(user)) + localStorage.setItem('token', 'fake-token') + } + + return render( +{user ? `Connecté : ${user.email}` : 'Déconnecté'}
+ + +géré : {String(handled)}
} +Page Connexion
}, + }) + + await userEvent.click(screen.getByRole('button', { name: 'déclencher' })) + + expect(screen.getByText('Page Connexion')).toBeInTheDocument() + expect(localStorage.getItem('token')).toBeNull() + expect(localStorage.getItem('user')).toBeNull() + }) + + it('ne fait rien et renvoie false pour une autre erreur', async () => { + const error = Object.assign(new Error('Erreur serveur'), { status: 500 }) + + renderWithProviders(Page Connexion
}, + }) + + await userEvent.click(screen.getByRole('button', { name: 'déclencher' })) + + expect(screen.getByText('géré : false')).toBeInTheDocument() + expect(localStorage.getItem('token')).toBe('fake-token') + }) +}) diff --git a/frontend/vite.config.js b/frontend/vite.config.js index 619db35..8ba6a01 100644 --- a/frontend/vite.config.js +++ b/frontend/vite.config.js @@ -9,4 +9,9 @@ export default defineConfig({ '/api': 'http://localhost:5000', }, }, + test: { + environment: 'jsdom', + globals: true, + setupFiles: './src/setupTests.js', + }, })