与使用jest和materialUi组件测试我的组件React测试库有关

时间:2020-02-25 06:56:20

标签: reactjs jestjs material-ui react-testing-library

import React from 'react';
import { render,fireEvent,cleanup} from '@testing-library/react';
import {SystemDecimal} from '../index'

afterEach(cleanup);
describe('Decimal',()=>{
 let metadata = {
      name: "decimal",
      title: "decimal",
      type: "DECIMAL",
      placeHolder: "enter decimal value",
      info: "enter decimal value",
      visible: false,
      numberOfDecimals:2,
      disable: false,
      required: true,
      visibleOnCsv: false
  },
  onChange=jest.fn();

  const wrapper = render( <SystemDecimal fieldmeta={metadata} 
  onChange={onChange}  />)
  const textInput = wrapper.findByTestId('decimal')
  it ('checks the input value',()=>{
      fireEvent.change(textInput,{target:{value:'test'}})
        expect(textInput.value).toBe('test')
    })
   })

我将material-ui textField用于十进制组件的输入文本框。当我触发变更事件时,material-ui的onChange函数正在触发,但是我想触发组件的onChange,如何测试组件。这是链接:https://codesandbox.io/s/agitated-mestorf-duw72

0 个答案:

没有答案