Как протестировать компонент ShallowRenderer с контекстом? - PullRequest
0 голосов
/ 04 июня 2019

У меня есть мелкий объект, такой как:

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 '(из других компонентов) как мне сравнить результат?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...