72 lines
2.2 KiB
JavaScript
72 lines
2.2 KiB
JavaScript
import { describe, it, expect } from 'vitest'
|
|
import { render, screen } from '@testing-library/react'
|
|
import userEvent from '@testing-library/user-event'
|
|
import { AuthProvider, useAuth } from '../../context/AuthContext'
|
|
|
|
// Petit composant de test pour manipuler le contexte comme le ferait une page.
|
|
function Consumer() {
|
|
const { user, login, logout } = useAuth()
|
|
return (
|
|
<div>
|
|
<p>{user ? `Connecté : ${user.email}` : 'Déconnecté'}</p>
|
|
<button onClick={() => login({ email: 'a@b.fr', role: 'CLIENT' }, 'mon-jwt')}>
|
|
se connecter
|
|
</button>
|
|
<button onClick={logout}>se déconnecter</button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
describe('AuthContext', () => {
|
|
it("n'a pas d'utilisateur par défaut", () => {
|
|
render(
|
|
<AuthProvider>
|
|
<Consumer />
|
|
</AuthProvider>
|
|
)
|
|
expect(screen.getByText('Déconnecté')).toBeInTheDocument()
|
|
})
|
|
|
|
it('restaure la session depuis le localStorage', () => {
|
|
localStorage.setItem('user', JSON.stringify({ email: 'deja@la.fr', role: 'CLIENT' }))
|
|
|
|
render(
|
|
<AuthProvider>
|
|
<Consumer />
|
|
</AuthProvider>
|
|
)
|
|
expect(screen.getByText('Connecté : deja@la.fr')).toBeInTheDocument()
|
|
})
|
|
|
|
it('login met à jour le user et écrit token + user dans le localStorage', async () => {
|
|
render(
|
|
<AuthProvider>
|
|
<Consumer />
|
|
</AuthProvider>
|
|
)
|
|
|
|
await userEvent.click(screen.getByRole('button', { name: 'se connecter' }))
|
|
|
|
expect(screen.getByText('Connecté : a@b.fr')).toBeInTheDocument()
|
|
expect(localStorage.getItem('token')).toBe('mon-jwt')
|
|
expect(JSON.parse(localStorage.getItem('user'))).toEqual({ email: 'a@b.fr', role: 'CLIENT' })
|
|
})
|
|
|
|
it('logout vide le user et le localStorage', async () => {
|
|
localStorage.setItem('token', 'mon-jwt')
|
|
localStorage.setItem('user', JSON.stringify({ email: 'a@b.fr', role: 'CLIENT' }))
|
|
|
|
render(
|
|
<AuthProvider>
|
|
<Consumer />
|
|
</AuthProvider>
|
|
)
|
|
|
|
await userEvent.click(screen.getByRole('button', { name: 'se déconnecter' }))
|
|
|
|
expect(screen.getByText('Déconnecté')).toBeInTheDocument()
|
|
expect(localStorage.getItem('token')).toBeNull()
|
|
expect(localStorage.getItem('user')).toBeNull()
|
|
})
|
|
})
|