Question

我有一个浅的物体，例如：

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();

，但上下文尚未插入存储组件。

如果我想使用同伴的期望，例如：

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)>

“ react-bootstrap”中的{Row，Col}，（来自其他componenet），我应该如何比较结果？

如何使用上下文测试组件ShallowRenderer？

0 个答案: