React Native Enzyme 測試 useEffect 鈎子測試

Question

我的組件中有一個useEffect鈎子。 我正在用酶測試。 不知道如何測試鈎子內的函數調用：

useEffect(() => {
    onChangeText(initialLocation.displayName);
    setAutocomplete(null);
}, [initialLocation]);

Answer 1

您的 useEffect 鈎子正在監聽來自initialLocation道具的變化。 因此，要對此進行測試，您應該使用諸如 jest 或 react 測試庫之類的東西來測試整個組件。 更改initialLocation的值並斷言組件應如何對這些 prop 更改做出反應。 在這個例子中我顯然看不到你的整個組件，但是你可以斷言在改變 prop 時可以在 dom 樹中找到正確的displayName