feat(web): базовый клиент Фазы 1 — вход, серверы, комнаты, настройки
Клиент React 19 + TanStack Query + Zustand:
- вход (поле TOTP появляется на `auth.2fa_required`), регистрация с проверками
и учётом `registration_enabled`, онбординг первого входа с возможностью
пропустить, редирект `/` и страница `/status`;
- защита маршрутов: неавторизованных — на `/login`, без онбординга — на
`/onboarding`;
- оболочка `/app`: рейка серверов, сайдбар категорий и комнат, шапка сервера,
панель пользователя, модалки создания сервера и комнаты, экран «нет серверов»
со вступлением в главный сервер, заглушка комнаты до Фазы 2;
- настройки: профиль, безопасность (step-up, сессии, logout-all, 2FA с
локальным QR и кодами восстановления), внешний вид, админ-раздел инстанса;
- Gateway-клиент: HELLO/IDENTIFY/RESUME, heartbeat с ожиданием ACK,
экспоненциальное переподключение, разбор `INVALID_SESSION {reason,resumable}`;
- диспетчер событий: READY/RESUMED/USER_UPDATE/GUILD_UPDATE/GUILD_DELETE/
CHANNEL_* применяются к стору, GUILD_CREATE догружается по REST,
MEMBER_*/ROLE_* инвалидируют запросы участников, ролей и карточки сервера;
- i18n ru/en, 66 тестов Vitest, `check`/`lint`/`test`/`build` зелёные.
Серверные правки под клиент:
- `totp_enabled` в профиле (`GET /users/@me`, вход, регистрация) — клиенту
нужно знать, требовать ли код при step-up;
- `POST /auth/2fa/setup` отдаёт `otpauth_url` и `qr_png` (data-URI): QR-код
рисуется локально, внешние сервисы генерации QR не используются;
- права в ответах — имена (`VIEW_CHANNEL|SEND_MESSAGES`), клиент сверяет имена.
This commit is contained in:
@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
|
||||
import { screen, waitFor } from '@testing-library/react';
|
||||
import userEvent from '@testing-library/user-event';
|
||||
|
||||
import { installFetch, json, makeUser, renderApp } from './helpers';
|
||||
import { findRequest, installFetch, json, makeUser, recordedRequests, renderApp } from './helpers';
|
||||
|
||||
const instanceBase = {
|
||||
name: 'glchat-test',
|
||||
@@ -41,11 +41,7 @@ describe('страница регистрации', () => {
|
||||
});
|
||||
expect(await screen.findByText('Привет, Alice!')).toBeVisible();
|
||||
|
||||
const registerCall = fetchMock.mock.calls.find(([input]) =>
|
||||
String(input).includes('/auth/register'),
|
||||
);
|
||||
const init = registerCall?.[1] as RequestInit;
|
||||
expect(JSON.parse(String(init.body))).toEqual({
|
||||
expect(findRequest(fetchMock, { url: '/auth/register', method: 'POST' })?.body).toEqual({
|
||||
username: 'alice',
|
||||
display_name: 'Алиса',
|
||||
email: 'alice@example.com',
|
||||
@@ -75,7 +71,7 @@ describe('страница регистрации', () => {
|
||||
expect(screen.getByText('Укажите корректный адрес почты.')).toBeVisible();
|
||||
expect(screen.getByText('Пароль должен быть не короче 8 символов.')).toBeVisible();
|
||||
expect(
|
||||
fetchMock.mock.calls.filter(([input]) => String(input).includes('/auth/register')),
|
||||
recordedRequests(fetchMock).filter((request) => request.url.includes('/auth/register')),
|
||||
).toHaveLength(0);
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user