10、探索测试替身：优化测试代码的实用指南

探索测试替身：优化测试代码的实用指南

1. 引入错误处理

在 CustomerForm 组件中，为了处理保存过程中可能出现的错误，我们需要进行如下修改：
1. 在 CustomerForm 定义的顶部引入一个新的错误变量：

const [error, setError] = useState(false);

2. 修改 handleSubmit 函数，当保存结果失败时设置错误状态：

const handleSubmit = async () => {
  ...
  if (result.ok) {
    ...
  } else {
    setError(true);
  }
}

3. 在组件的 JSX 中，在表单元素的第一个子元素位置添加错误提示：

{ error ? <Error /> : null }

4. 定义 Error 组件，可将其定义放在 CustomerForm 组件之前或之后：