React 19: разделяем логику и разметку, тестируем с Shallowly и Vitest
На примере панели профиля вынесем логику и подготовку данных в useSetup[Component] , а в компоненте оставим разметку. Затем отдельно проверим setup-хук, компонент через Shallowly и взаимодействие через React Testing Library. В конце — полный пример с Vitest, который можно забрать и запустить.
https://habr.com/ru/articles/1095628/
#юниттестирование #typescript #react_testing_library #react_19 #vitest #shallowly #shallow_rendering