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