Jest не переопределяет опору по умолчанию при использовании мелкой

В настоящее время я пытаюсь протестировать свой компонент, используя jest / энзим, и по какой-то причине, когда я пытаюсь сделать так, чтобы мой компонент не переопределял значения реквизитов по умолчанию с параметром, который я передаю на моем мелководье.

Вот что у меня в компоненте:

У меня есть это в моем компоненте DataGridComponent

  componentDidMount() {
    this.props.getMyData(this.props)
      .then(() => {
        this.setState({
          gridSheet: getTabData(metaDataStaging, this.state.objKey),
          gridCol: modelHelper.createNewObj(this.props.myData.data.id, someOtherVal),
        });
      });
  }

На моем тесте у меня есть:

 let wrapper;
  const props = {
    getGridData: mockgetGridData,
    metaDataStaging: null,
    myData: null,
  };

  beforeEach(() => {
    wrapper = shallow(<DataGridComponent {...props} />);
  });

  it('should render my data tabs on my DataGridComponent', () => {

   const overrideProps = {
     …props,
      myData: {
        data: {
          idName: 'my name',
          idDescription: 'test',
          id: 1234,
          type: ‘RE45’
        },
      },

} 
  const wrapperTwo = shallow(<DataGridComponent {...overrideProps} />);
  expect(wrapperTwo).toMatchSnapshot();
  });

Когда я проверяю это, я получаю неверное высказывание

"TypeError: Cannot read property 'data' of null" 

и указывает на:

"this.props.myData.data.id" 

в моем DataGridComponent. Может кто-нибудь помочь здесь?

0 ответов

Другие вопросы по тегам