117 lines
3.7 KiB
JavaScript
117 lines
3.7 KiB
JavaScript
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
import { render, screen, fireEvent, waitFor } from '@testing-library/react'
|
|
import { MemoryRouter, Route, Routes } from 'react-router-dom'
|
|
import ResetPassword from '../pages/ResetPassword'
|
|
|
|
vi.mock('../api/client', () => ({
|
|
default: {
|
|
post: vi.fn(),
|
|
get: vi.fn(),
|
|
interceptors: {
|
|
request: { use: vi.fn() },
|
|
response: { use: vi.fn() },
|
|
},
|
|
},
|
|
}))
|
|
|
|
import api from '../api/client'
|
|
|
|
const mockNavigate = vi.fn()
|
|
vi.mock('react-router-dom', async (importOriginal) => {
|
|
const actual = await importOriginal()
|
|
return {
|
|
...actual,
|
|
useNavigate: () => mockNavigate,
|
|
}
|
|
})
|
|
|
|
describe('ResetPassword page', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
})
|
|
|
|
const renderPage = (search = '') =>
|
|
render(
|
|
<MemoryRouter initialEntries={[`/reset-password${search}`]}>
|
|
<Routes>
|
|
<Route path="/reset-password" element={<ResetPassword />} />
|
|
</Routes>
|
|
</MemoryRouter>
|
|
)
|
|
|
|
it('renders form', () => {
|
|
renderPage('?token=abc')
|
|
// Use getAllByText since "Новый пароль" appears as h1 and label
|
|
expect(screen.getAllByText('Новый пароль').length).toBeGreaterThan(0)
|
|
expect(screen.getByPlaceholderText('Минимум 8 символов')).toBeInTheDocument()
|
|
expect(screen.getByText('Сохранить пароль')).toBeInTheDocument()
|
|
})
|
|
|
|
it('shows error when no token on submit', async () => {
|
|
renderPage()
|
|
fireEvent.change(screen.getByPlaceholderText('Минимум 8 символов'), {
|
|
target: { value: 'newpassword123' },
|
|
})
|
|
fireEvent.click(screen.getByText('Сохранить пароль'))
|
|
|
|
await waitFor(() => {
|
|
expect(screen.getByText('Токен не найден')).toBeInTheDocument()
|
|
})
|
|
})
|
|
|
|
it('shows success state on successful reset', async () => {
|
|
api.post.mockResolvedValueOnce({})
|
|
renderPage('?token=valid-token')
|
|
|
|
fireEvent.change(screen.getByPlaceholderText('Минимум 8 символов'), {
|
|
target: { value: 'newpassword123' },
|
|
})
|
|
fireEvent.click(screen.getByText('Сохранить пароль'))
|
|
|
|
await waitFor(() => {
|
|
expect(screen.getByText('Пароль изменён! 🎉')).toBeInTheDocument()
|
|
}, { timeout: 3000 })
|
|
})
|
|
|
|
it('shows error on failure', async () => {
|
|
api.post.mockRejectedValueOnce({ response: { data: { error: 'Token invalid' } } })
|
|
renderPage('?token=bad-token')
|
|
|
|
fireEvent.change(screen.getByPlaceholderText('Минимум 8 символов'), {
|
|
target: { value: 'newpassword123' },
|
|
})
|
|
fireEvent.click(screen.getByText('Сохранить пароль'))
|
|
|
|
await waitFor(() => {
|
|
expect(screen.getByText('Token invalid')).toBeInTheDocument()
|
|
}, { timeout: 3000 })
|
|
})
|
|
|
|
it('toggles password visibility', () => {
|
|
renderPage('?token=abc')
|
|
const passwordInput = screen.getByPlaceholderText('Минимум 8 символов')
|
|
expect(passwordInput.type).toBe('password')
|
|
|
|
const toggleBtn = passwordInput.parentElement.querySelector('button[type="button"]')
|
|
fireEvent.click(toggleBtn)
|
|
expect(passwordInput.type).toBe('text')
|
|
})
|
|
|
|
it('calls correct API endpoint', async () => {
|
|
api.post.mockResolvedValueOnce({})
|
|
renderPage('?token=mytoken')
|
|
|
|
fireEvent.change(screen.getByPlaceholderText('Минимум 8 символов'), {
|
|
target: { value: 'mynewpassword' },
|
|
})
|
|
fireEvent.click(screen.getByText('Сохранить пароль'))
|
|
|
|
await waitFor(() => {
|
|
expect(api.post).toHaveBeenCalledWith('/auth/reset-password', {
|
|
token: 'mytoken',
|
|
new_password: 'mynewpassword',
|
|
})
|
|
}, { timeout: 3000 })
|
|
})
|
|
})
|