I want to write a Mocha unit test for the react state variable changes. For example,
import React, { useState, useEffect, useMemo } from 'react';
const RefillComponent = () => {
const [refillResult, setRefillResult] = useState({
status: 'notStarted',
successfulIds: [],
failedIds: [],
});
const onRequestRefills = async () => {
const response = await MyAPICall(list);
const failedIds = response?.failedIds || [];
const successfulIds = response?.successfulIds || [];
setRefillResult({
status: failedIds.length > 0 ? 'failed' : 'success',
failedIds,
successfulIds,
});
}
};
const failedNotification = () => {
return (
<div>API request failed</div>
);
};
return (
<div>
{(refillResult.status === 'failed') && failedNotification()}
</div>
);
};
export default RefillComponent;
I want to write the unit test when refillResult.status === 'failed' the text API request failed should be displayed.
Top comments (0)