When I tried to change DatePicker input I am getting error.
Here is my files for components and testcase:
datePicker.js
const DatePicker = ({ value, onChange, name, locale }) => {
const myVal = value ? value.locale(locale) : '';
return (
<TextInput
value={myVal}
onChange={onChange}
name={name}
/>)
};
export default DatePicker;
date.js
import React from 'react';
import DatePicker from './datepicker';
const Date = () => {
const [dates, setDate] = useState('');
return (
<DatePicker
name="date"
value={dates}
onChange={(_, value) => setDate(value)}
locale="ja"
/>
); }
date.test.js
test('should render Date properly', () => {
const component = render(<Date />);
const date = component.container.querySelector(
'input[name="date"]'
);
fireEvent.change(date, {
target: {
value: '10/1/2021',
},
});
});
Here is the error which I am getting :
TypeError: value.locale is not a function
fireEvent.change(date, {
^
target: {
value: '10/1/2021',
},
