Ошибка тестирования функционального компонента в реактивном тестировании - PullRequest
Новая
       4

Ошибка тестирования функционального компонента в реактивном тестировании

0 голосов
/ 13 февраля 2020

Я узнаю о тестировании реакции, но у меня есть некоторые проблемы. Я пытаюсь проверить функциональный компонент в реакции 

import React, {useState, useEffect, useContext} from 'react';
import DayPicker from 'react-day-picker/DayPickerInput';
import MomentLocaleUtils, {
  formatDate,
  parseDate,
} from 'react-day-picker/moment';
import 'react-day-picker/lib/style.css';
import 'moment/locale/pt-br';
import Swal from 'sweetalert2';
import $ from 'jquery';

import api from 'config/api';
import {InvestmentsContext} from 'context/InvestmentsContext';

export default props => {
  const [investments, setInvestments] = useContext(InvestmentsContext);
  const [investment, setInvestment] = useState({
    type: 'RENDA_FIXA',
    value: '',
    date: new Date(),
  });
  
  ...

  return (
    <>
      <form onSubmit={e => save(e, investment)} className="investment-form">
  ...
      </form>
    </>
  );
};

Но я получаю эту ошибку, когда пытаюсь проверить ее с помощью Jest и Enzyme 

TypeError: Invalid attempt to destructure non-iterable instance

      13 | import {InvestmentsContext} from 'context/InvestmentsContext';
      14 | 
    > 15 | export default props => {
         |                         ^

My Spe c: 

import React from 'react';

import {configure, mount} from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

import Form from 'components/investment/Form';

configure ({adapter: new Adapter ()});

let wrapper;

describe ('<Form />', () => {
  beforeEach (() => {
    wrapper = mount (<Form onCountChange={'a'} />);
  });

  it ('button should be disabled if investment value is empty', () => {
    expect (wrapper.find ('.btn-action')).toHaveAttribute ('disabled');
  });
});

Почему я получаю это? Из-за моего компонента будет функция?

...