如何在@apollo/client 中使用代码参数模拟 ApolloError 以进行测试？

如何解决如何在@apollo/client 中使用代码参数模拟 ApolloError 以进行测试？

我正在尝试测试我的客户端如何处理我在服务器中抛出的特定错误：

throw new ApolloError("No applicant found","APPLICANT_NOT_FOUND");

我的客户端依赖于结果的 extensions.code 部分来处理错误。但由于 ApolloError 包中的 @apollo/client 显然与服务器中的不一样，我无法相应地模拟错误。

到目前为止，这是我的模拟：

export const getApplicantNotFound: Mock = {
  request: {
    query: GET_APPLICANT,variables: { codigo: "1234509876" },},result: {
//on this line typescript says: expected 1 argument but got 2
    errors: [new ApolloError(
      "No applicant found with code 123450987","APPLICANT_NOT_FOUND"
    )],};

我是否需要安装 apollo-server 软件包才能在我的客户端测试中使用具有 ApolloError 的 extensions.code？或者有什么方法可以在客户端模拟这个错误？

解决方法

深入研究 @apollo/client 和 graphql 源代码，我发现模拟需要一个 GraphQLError 数组，它具有如下构造函数：

  constructor(
    message: string,nodes?: $ReadOnlyArray<ASTNode> | ASTNode | void | null,source?: ?Source,positions?: ?$ReadOnlyArray<number>,path?: ?$ReadOnlyArray<string | number>,originalError?: ?(Error & { +extensions?: mixed,... }),extensions?: ?{ [key: string]: mixed,... },)

所以我用 GraphQLError 编写了模拟，只有 message 和 extensions，如下所示：

export const getApplicantNotFound: Mock = {
  request: {
    query: GET_APPLICANT,variables: { codigo: "1234509876" },},result: {
    errors: [
      new GraphQLError(
        "No applicant found with code 123450987",null,{ code: "APPLICANT_NOT_FOUND" }
      ),],};