Shallow Renderer — это утилита для тестирования в React, которая рендерит компонент только на один уровень в глубину. Она позволяет тестировать вывод метода render компонента без создания экземпляров или рендеринга каких-либо дочерних компонентов.
Shallow rendering проверяет, что возвращает компонент, без рендеринга вложенных дочерних компонентов. Это означает, что ты можешь проверять непосредственный вывод компонента и его пропсы, не беспокоясь о поведении дочерних компонентов.
import ShallowRenderer from 'react-test-renderer/shallow'
const renderer = new ShallowRenderer()
renderer.render(<MyComponent />)
const result = renderer.getRenderOutput()
Дан вот такой компонент:
function MyComponent() {
return (
<div>
<span className={'heading'}>{'Title'}</span>
<span className={'description'}>{'Description'}</span>
</div>
)
}
Ты можешь проверять его вывод:
'div'Shallow rendering лучше всего подходит для тестирования:
Shallow rendering становится менее полезным при тестировании взаимодействия между родительским и дочерними компонентами, где глубокий рендеринг или другие библиотеки для тестирования вроде @testing-library/react подходят лучше.
Shallow Renderer создаёт экземпляры и рендерит все дочерние компоненты, чтобы проверить полный вывод дерева компонентов.
Новый — ещё не проверен сообществом
Вы