feat(web): вход с 2FA сразу, панель пользователя, модальные настройки, markdown

По правкам пользователя:

- вход: поле «Код 2FA или резервный код» видно сразу, принимает 14-символьные
  резервные коды (раньше влезало 6 цифр), пустое значение не ломает вход;
- нижняя панель: одна подложка, слева аватар и имя с мини-профилем и выбором
  статуса, справа микрофон, камера, наушники (переключатели, стрелка с выбором
  устройства и громкости, переход в «Аудио-видео») и шестерёнка;
- кнопка «Покинуть сервер» из сайдбара убрана (выход — в «Опасной зоне»);
- настройки открываются модальным окном со списком пунктов; «Профиль» имеет
  вкладки «Основной» и «Сервер» (список серверов, ник и «Применить ко всем
  серверам»), аватар загружается и удаляется, есть часовой пояс (МСК по
  умолчанию);
- markdown: добавлены ==выделение==, __жирный__, ***оба***, ||спойлер||, #канал;
- двойной клик по сообщению ставит ответ (не срабатывает на ссылках, кнопках и
  при выделенном тексте);
- 219 тестов Vitest (было 176), check/lint/test/build зелёные.
This commit is contained in:
2026-09-20 01:32:11 +03:00
parent f26728113d
commit 20eed227ca
31 changed files with 2731 additions and 478 deletions
+17 -6
View File
@@ -115,13 +115,19 @@ describe('основной экран', () => {
expect(screen.getByLabelText('Открыть комнату Голосовая')).toBeVisible();
expect(screen.getByRole('heading', { name: 'Текстовые' })).toBeVisible();
// Панель пользователя.
// Панель пользователя: имя, статус, кнопки устройств и шестерёнка настроек.
const panel = screen.getByLabelText('Панель пользователя');
expect(within(panel).getByText('Alice')).toBeVisible();
expect(within(panel).getByLabelText('Настройки пользователя')).toBeVisible();
// Выход переехал во всплывающее меню (проверяется в tests/userMenu.test.tsx).
expect(within(panel).getByLabelText('Выключить микрофон')).toBeVisible();
expect(within(panel).getByLabelText('Включить камеру')).toBeVisible();
expect(within(panel).getByLabelText('Выключить звук')).toBeVisible();
// Выход переехал в мини-профиль (проверяется в tests/userMenu.test.tsx).
expect(within(panel).getByLabelText('Открыть меню пользователя')).toBeVisible();
// «Покинуть сервер» из сайдбара убрано: выход живёт в «Опасной зоне».
expect(screen.queryByRole('button', { name: 'Покинуть сервер' })).toBeNull();
// Фаза 2: вместо заглушки в области комнаты открывается чат.
expect(await screen.findByTestId('composer')).toBeVisible();
expect(await screen.findByTestId('chat-start')).toHaveTextContent('Это начало комнаты #общий');
@@ -148,7 +154,7 @@ describe('основной экран', () => {
});
});
it('шестерёнка настроек сервера видна владельцу и ведёт в настройки', async () => {
it('шестерёнка настроек сервера видна владельцу и открывает окно настроек', async () => {
const { default: userEvent } = await import('@testing-library/user-event');
const visitor = userEvent.setup();
installFetch([
@@ -184,9 +190,14 @@ describe('основной экран', () => {
const gear = await screen.findByLabelText('Настройки сервера');
await visitor.click(gear);
await waitFor(() => {
expect(router.state.location.pathname).toBe('/settings/servers/g-1');
});
// Настройки — модальное окно: из комнаты никуда не уходим.
const dialog = await screen.findByRole('dialog', { name: 'Настройки' });
expect(router.state.location.pathname).toBe('/app/g-1/c-general');
expect(await within(dialog).findByRole('tab', { name: 'Сервер' })).toHaveAttribute(
'aria-selected',
'true',
);
expect(await within(dialog).findByLabelText('Название сервера')).toHaveValue('Основной сервер');
});
it('обычный участник не видит шестерёнку настроек сервера', async () => {