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')
})
})
Я использую text-field материала-интерфейса для ввода текстового поля для моего десятичного компонента. Когда я запускаю событие change, запускается функция onChange material-ui, но я хочу запустить onChange моего компонента, как мне протестировать мой компонент. Вот ссылка: https://codesandbox.io/s/agitated-mestorf-duw72