测试

Apollo客户端React测试API

有关使用MockedProvider进行测试的更多指导，请参阅测试React组件。

`MockedProvider`

1
import { MockedProvider } from "@apollo/client/testing";

该MockedProvider组件是ApolloProvider的模拟版本，不会向您的API发送网络请求。相反，它允许您指定特定GraphQL操作的确切响应负载。这使您能够在不与服务器通信的情况下测试应用程序的操作。

属性

名称 / 类型	描述
`mocks` `ReadonlyArray`	包含GraphQL操作定义及其对应模拟响应的数组。请参见定义模拟响应。
`addTypename` `布尔型`	如果设置为`true`，`MockedProvider`将自动向每个`object type`添加`__typename`字段。如果响应数组中的`mocks`不包含不包含`__typename`字段，则将其设置为`false`。请参见设置`addTypename`。默认值是`true`。
`defaultOptions` `默认选项`	包含传递给`MockedProvider`的`ApolloClient`实例的直接选项的对象。请参见示例`defaultOptions`对象。
`cache` `ApolloCache<TSerializedCache>`	为`MockedProvider`的`ApolloClient`实例使用的自定义缓存。当需要为自动缓存更新定义自定义`dataIdFromObject`函数时很有用。默认情况下，`MockedProvider`使用默认配置创建一个`InMemoryCache`。
`resolvers` `解析器`	已弃用。包含用于`MockedProvider`的`ApolloClient`实例的本地解析器集合。
`childProps` `对象`	传递给`MockedProvider`子组件的props。
`showWarnings` `布尔型`	当请求无法匹配.mock时，将向控制台记录警告以指示不匹配。将此设置为`false`以静音这些警告。默认值是`true`。

示例`mocks`数组

1
const mocks = [
2
  {
3
    request: {
4
      query: GET_DOG,
5
      variables: { index: 4 }
6
    },
7
    result: {
8
      data: {
9
        dog: {
10
          name: "Douglas"
11
        }
12
      }
13
    }
14
  },
15
  {
16
    request: {
17
      query: GET_DOG,
18
      variables: { index: 8 }
19
    },
20
    error: new Error("Something went wrong")
21
  }
22
]