e.preventDefault не является функцией - Jest React - PullRequest
Новая
       21

e.preventDefault не является функцией - Jest React

0 голосов
/ 15 марта 2019

Попытка проверить следующее событие onChange: JEST / ENZYME для React JS 

 it(" Render method : test  1st onChange event :", () => {
   baseProps.onChange.mockClear();
    wrapper.setState({
    localState:{}
    });

 wrapper.find('#individual-series').simulate('change',{target:{value:""}})
 wrapper.update()
 wrapper.find('#individual-series').simulate('change', event)
 expect(wrapper.state().localState).toEqual('test');
 expect(baseProps.addNewSeries).toHaveBeenCalled();
 });

Я видел это как ответ на StackOverflow, и я пытался применить к моему тесту 

const event = Object.assign(jest.fn(), {preventDefault: () => {}})
wrapper.find('#individual-series').simulate('change',event)

Но как только это будет сделано, появится новая ошибка, которая не будет "читать значение свойства", назначенное методу

Вот метод 

 handleChange = (e) => {
if(this.props.currentChartValues.series.map(function(e) { return e.id; }).indexOf(e.target.value) > -1)
{
  let options = {
   type: toast.TYPE.ERROR,
   position: toast.POSITION.TOP_LEFT
  }
  toast( <div><p>Column already selected.</p><i>Error Code: 001</i></div>, options )
}
else {
  e.preventDefault()             
  let localState = {}
  localState[e.target.name] = e.target.value
  localState['id'] = this.props.id
  if (this.props.defaultData) {
    localState = Object.assign({}, this.props.defaultData, localState)
  } else {
    localState = Object.assign({}, this.state, localState)
  }
  if (localState.analyzedColumn != null) {
    if(localState.axis == null){
      localState['axis'] = '0';
    }
    if(localState.charttype == null){
      localState['charttype'] = this.props.currentChartValues.type;
    }

Извините за слишком большое количество строк кода, но цель - заставить это событие onCHange пройти и понять, как проверить, когда внутри метода есть prevetDefault ().

Спасибо

...