feat: завершить миграцию фронтенда на React (этапы 1-5)

Админка, настройки, логин, кабинеты преподавателя и студента
полностью переведены на React 19 (модель strangler, docs/REACT_MIGRATION.md).

- 15 вкладок админки: lazy-загрузка, общий error boundary, сервисный слой
- Удалены legacy-views и переходный слой LegacyTabView (45 файлов)
- Сборка esbuild (frontend/scripts/build-react.mjs) с бюджетами gzip на чанки
- CSP-хэши, кэширование: chunk'и immutable, CSS/HTML no-cache (react-cache.conf)
- Фиксы: lazy-импорт именованных экспортов (краш после авторизации),
  растяжение #admin-root/#settings-root на всю ширину,
  возврат subjects/lessonTypes из справочников (краш просмотра расписаний),
  отказ от заведомо широкого поиска расписания без выбранной цели,
  центрирование карточки логина
- Тесты: 237/237 (npm run check), регрессионные на lazy-вкладки и ширину
- Документация: REACT_MIGRATION.md, REACT_MIGRATION_RESULT.md, FRONTEND.md
This commit is contained in:
dipatrik10
2026-09-28 23:15:04 +03:00
parent c6083b35e0
commit 97bf3cc50a
167 changed files with 31283 additions and 19033 deletions

View File

@@ -3,42 +3,47 @@ import { readFile } from 'node:fs/promises';
import test from 'node:test';
test('кабинет преподавателя содержит календарь пожеланий и журнал заявок', async () => {
const [index, app] = await Promise.all([
const [index, app, service, preferences, dialog] = await Promise.all([
readFile(new URL('../teacher/index.html', import.meta.url), 'utf8'),
readFile(new URL('../teacher/app.js', import.meta.url), 'utf8')
readFile(new URL('../react/teacher/TeacherApp.jsx', import.meta.url), 'utf8'),
readFile(new URL('../react/teacher/teacher-service.js', import.meta.url), 'utf8'),
readFile(new URL('../react/teacher/PreferencesTab.jsx', import.meta.url), 'utf8'),
readFile(new URL('../react/teacher/RequestDialog.jsx', import.meta.url), 'utf8')
]);
assert.match(index, /data-workspace-tab="preferences"/);
assert.match(index, /data-workspace-tab="requests"/);
assert.match(index, /id="preference-grid"/);
assert.match(index, /id="change-request-form"/);
assert.match(app, /\/api\/teacher-preferences\/meta/);
assert.match(app, /\/api\/teacher-change-requests\/candidates/);
assert.match(app, /MOVE:[\s\S]*CHANGE_CLASSROOM:[\s\S]*CANCEL:/);
assert.match(index, /\/react\/teacher\.js/);
assert.match(app, /preferences: 'Мои пожелания'/);
assert.match(app, /requests: 'Заявки на изменение'/);
assert.match(preferences, /preference-grid/);
assert.match(dialog, /<form/);
assert.match(service, /\/api\/teacher-preferences\/meta/);
assert.match(service, /\/api\/teacher-change-requests\/candidates/);
assert.match(dialog, /value="MOVE"[\s\S]*value="CHANGE_CLASSROOM"[\s\S]*value="CANCEL"/);
});
test('ответственные роли видят согласование, а применять изменение может учебный отдел', async () => {
const [view, script] = await Promise.all([
readFile(new URL('../admin/views/teacher-absences.html', import.meta.url), 'utf8'),
readFile(new URL('../admin/js/views/teacher-absences.js', import.meta.url), 'utf8')
const [tab, service] = await Promise.all([
readFile(new URL('../react/admin/tabs/TeacherAbsencesTab.jsx', import.meta.url), 'utf8'),
readFile(new URL('../react/admin/teacher-absences-service.js', import.meta.url), 'utf8')
]);
assert.match(view, /id="teacher-preference-review-list"/);
assert.match(view, /id="teacher-change-review-list"/);
assert.match(script, /\/api\/teacher-preferences/);
assert.match(script, /\/api\/teacher-change-requests/);
assert.match(script, /role === 'ADMIN' \|\| role === 'EDUCATION_OFFICE'/);
assert.match(script, /Применение доступно учебному отделу/);
assert.match(tab, /id="teacher-preference-review-list"/);
assert.match(tab, /id="teacher-change-review-list"/);
assert.match(service, /\/api\/teacher-preferences/);
assert.match(service, /\/api\/teacher-change-requests/);
assert.match(tab, /role === 'ADMIN' \|\| role === 'EDUCATION_OFFICE'/);
assert.match(tab, /Применение доступно учебному отделу/);
});
test('конструктор правил показывает только согласованные пожелания преподавателя', async () => {
const [script, styles] = await Promise.all([
readFile(new URL('../admin/js/views/schedule.js', import.meta.url), 'utf8'),
const [tab, service, styles] = await Promise.all([
readFile(new URL('../react/admin/tabs/ScheduleTab.jsx', import.meta.url), 'utf8'),
readFile(new URL('../react/admin/schedule-service.js', import.meta.url), 'utf8'),
readFile(new URL('../admin/css/components.css', import.meta.url), 'utf8')
]);
assert.match(script, /\/api\/teacher-preferences\?status=APPROVED/);
assert.match(script, /data-preference-hint/);
assert.match(script, /Строгая недоступность/);
assert.match(service, /\/api\/teacher-preferences\?status=APPROVED/);
assert.match(tab, /data-preference-hint/);
assert.match(service, /Строгая недоступность/);
assert.match(styles, /\.schedule-preference-hint/);
});