13、探索测试替身与相关测试技巧

探索测试替身与相关测试技巧

在软件开发中，测试是保证代码质量的重要环节。尤其是在React开发中，测试替身（Test Doubles）的使用能帮助我们更好地验证组件与协作对象的交互。下面将详细介绍一些测试替身的使用方法以及相关的测试技巧。

处理异步行为

当将组件从同步行为转换为异步行为时，可能会打乱测试套件。例如，在 handleSubmit 函数中，为了确保在请求成功时调用 onSave ，我们可以将 onSave 调用移到一个新的条件语句中：

const handleSubmit = async (event) => {
    ...
    const result = ...;
    if (result.ok) {
        const customerWithId = await result.json();
        onSave(customerWithId);
    }
};

同时，异步组件操作可能会导致Jest测试失败的误报。如果测试意外失败且无法解释原因，要仔细检查测试套件中的所有测试，确保在需要时使用了 act 的异步形式。因为Jest在测试结束时若仍有异步任务在运行，不会发出警告，而这些异步任务会影响后续测试的结果。

向用户显示错误信息

若 fetch 返回的 ok 值为 false