如何使用react测试库测试已设置状态方法的处理程序函数

Question

我在PatientForm组件中有一个名为handleAge的函数。。handleAge函数

在PatientForm组件中，我将handleAge传递给DateField组件。handleAge函数作为道具

在Datefield组件中，我有一个文本字段，每当输入日期时，它都会触发更改，并在onChange.caalculateAge中执行此方法。它将返回输入日期和当前日期之间的年份差异，该差异将传递给handleAge，并在PatentDetails组件中设置为状态onDateField 中的更改事件

现在，当我在Datefield组件中编写这样的测试用例时DateField组件的测试用例

106号线没有被覆盖。。PatientForm 的测试覆盖范围

那106行由setstate方法组成handleAge函数

如何使用react测试库编写一个测试来覆盖这种方法？？？

Answer 1

您可以将onChange事件传递给组件，而不是handleChange。像这样：

render(<DateField label={"Date of Birth"} onChange={handleAge}/>

让我知道它是否有效。