Zimin A.N.
ab6f6cb860
RequireAuth: гейтит весь UI по аутентификации. Anonymous юзер вместо красного "AxiosError 401" получает immediate signinRedirect на Keycloak; authenticated юзер с истёкшим токеном получает silent renew → fallback на full redirect. Guards против infinite loop: - auth.isLoading / activeNavigator — bootstrap или signin/signout уже идёт - ?error= в URL — вернулись с провалом из Keycloak, показываем сообщение - auth.error без isAuthenticated — Keycloak недоступен, показываем сообщение main.tsx: RequireAuth обёрнут вокруг Router/Query, чтобы tan-stack-router и React Query не делали запросов до auth (иначе 401-каскад на старте). TokenSync: 401 interceptor теперь редиректит и anonymous (раньше срабатывал только для authenticated с истёкшим токеном), с теми же guards. RTL component тесты — 22 теста на 3 ключевых компонента: - SchemaBuilder (7): empty state, add/remove/reorder properties - PropertyEditor (10): kind change, required/unique toggle, kind-specific поля (string→pattern, integer→min/max, enum→values, array_string→uniqueItems), move up/down disabled на boundaries - SchemaDrivenForm (5): identity tab с required, переключение на extra, isPending → save disabled, cancel callback, serverError → Alert Setup: - vite.config.ts: test block (jsdom env, setup file, css off) - src/test/setup.ts: jest-dom matchers, cleanup, HTMLCanvasElement.getContext stub (lottie-web из @nstart/ui крашит в jsdom без canvas) - src/test/render.tsx: renderWithI18n helper, форсит ru-RU (LanguageDetector в node по умолчанию даёт en-US) Deps: +@testing-library/react +@testing-library/jest-dom +@testing-library/user-event +jsdom
44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import { StrictMode } from 'react'
|
|
import { createRoot } from 'react-dom/client'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import { RouterProvider, createRouter } from '@tanstack/react-router'
|
|
import { NStartUiProvider, DatePickerProvider, DATE_PICKER_LOCALE_RU } from '@nstart/ui'
|
|
import { AuthProvider } from 'react-oidc-context'
|
|
import { routeTree } from './routeTree.gen'
|
|
import { oidcAuthConfig } from '@/auth/oidcConfig'
|
|
import { TokenSync } from '@/auth/TokenSync'
|
|
import { RequireAuth } from '@/auth/RequireAuth'
|
|
import './i18n'
|
|
import './styles.css'
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: { staleTime: 30_000, retry: 1 },
|
|
},
|
|
})
|
|
|
|
const router = createRouter({ routeTree, context: { queryClient } })
|
|
|
|
declare module '@tanstack/react-router' {
|
|
interface Register {
|
|
router: typeof router
|
|
}
|
|
}
|
|
|
|
createRoot(document.getElementById('root')!).render(
|
|
<StrictMode>
|
|
<AuthProvider {...oidcAuthConfig}>
|
|
<TokenSync />
|
|
<NStartUiProvider>
|
|
<RequireAuth>
|
|
<QueryClientProvider client={queryClient}>
|
|
<DatePickerProvider datePicker={DATE_PICKER_LOCALE_RU}>
|
|
<RouterProvider router={router} />
|
|
</DatePickerProvider>
|
|
</QueryClientProvider>
|
|
</RequireAuth>
|
|
</NStartUiProvider>
|
|
</AuthProvider>
|
|
</StrictMode>,
|
|
)
|