У меня есть мелкий объект, такой как:
const wrapper= shallow(<Storage />,{context: {valley: valley}});
Если я хочу использовать ShallowRenderer, разрисовывающий этот объект и проверяющий его, как это сделать?Мой объект shallowRender выглядит так:
import ShallowRenderer from 'react-test-renderer/shallow';
const renderer = new ShallowRenderer();
renderer.render(<Storage />,{context: {valley: valley}});
const result = renderer.getRenderOutput();
, но контекст еще не внедряется в компонент Storage.
Если я хочу использовать этого парня, ожидайте, как:
expect(result.props.children).toEqual([
<span className="heading">Title</span>,
<Subcomponent foo="bar" />
]);
, но мои дети похожи на:
<Bootstrap(Row) className="pageTitleWrapper">
<Col xs={0} sm={1} md={1} lg={1} as="div" />
<Col xs={12} sm={10} md={10} lg={10} as="div">
<h3>
Murrumbidgee Valley
: Average monthly storage
</h3>
</Col>
<Col xs={0} sm={1} md={1} lg={1} as="div" />
</Bootstrap(Row)>
, то есть {Row, Col} from 'реагировать-bootstrap '(из других компонентов) как мне сравнить результат?