我正在尝试为useEffect react钩子编写Jest酶测试用例,但我真的很迷失,我想为2个react钩子编写测试用例,其中一个进行异步调用,另一个对数据进行排序并设置数据使用usestate挂钩,我的文件在这里。
export const DatasetTable: React.FC<DatasetTableProps> = ({id,dataset,setdataset,datasetError,setdatasetError}) => {
const [sortedDataset,setsortedDataset] = useState<Dataset[]>();
useEffect(() => {
fetchRegistryFunction({
route:`/dataset/report?${constructQueryParams({id})}`,setData: setdataset,setError: setdatasetError
})();
},[id,setdatasetError]});
useEffect(() => {
if(dataset) {
const sortedDatasetVal = [...dataset];
sortedDatasetVal.sort(a,b) => {
const dateA: any = new Date(a.date);
const dateA: any = new Date(a.date);
return dataA - dateB;
}
setsortedDataset(sortedDatasetVal);
}
},[dataset])
return (
<div>
<DatasetTable
origin="Datasets"
tableData={sortedDataset}
displayColumns={datasetColumns}
errorMessage={datasetError}
/>
</div>
);
}