24、前端开发中的测试驱动实践：从 GraphQL 到 Redux 状态管理

前端开发中的测试驱动实践：从 GraphQL 到 Redux 状态管理

1. 测试驱动 GraphQL 集成

在前端开发中，测试驱动开发（TDD）是一种有效的开发方式。在集成 GraphQL 端点时，我们可以使用 Relay 来实现。以下是具体的操作步骤：

1.1 构建 CustomerHistory 组件

通过测试驱动的方式，我们学会了在应用中使用 Relay 的 fetchQuery 函数。以下是相关代码示例：

if (status === "failed") {
    return (
        <p role="alert">
            Sorry, an error occurred while pulling data from
            the server.
        </p>
    );
}
const { firstName, lastName, phoneNumber } = customer;

1.2 集成组件到应用

要将 CustomerHistory 组件集成到应用的其余部分，可以按照以下步骤进行：
1. 添加一个新的路由 /viewHistory?customer=<customer id> ，使用新的中间组件 CustomerHistoryRoute 来显示 Customer