27、使用 Jest 和 Cypress 进行 React 测试的全面指南

使用 Jest 和 Cypress 进行 React 测试的全面指南

1. 使用 Jest 进行 React 测试

Jest 是 React 社区中事实上的测试工具，由 Facebook 维护，并且在使用 Create React App（CRA）创建的项目中已经默认安装和配置好了。我们将从测试一个简单的函数开始，逐步熟悉 Jest，然后再测试 React 组件。

1.1 开始使用 Jest

为了熟悉 Jest，我们将为 QuestionsData.ts 中的 mapQuestionFromServer 函数添加一些单元测试。具体步骤如下：
1. 移除 src 文件夹中的 App.test.tsx 文件，该文件是在使用 Create React App 创建项目时安装的示例测试文件。
2. 在 src 文件夹中创建一个名为 QuestionsData.test.ts 的新文件，内容如下：

import { mapQuestionFromServer } from './QuestionsData';
test('When mapQuestionFromServer is called with question, created should be turned into a Date', () => {
});

需要注意的是，文件扩展名为