@graphitation/apollo-react-relay-duct-tape 0.7.3 → 1.0.0-alpha.1

package/lib/storeObservation/compiledHooks.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/storeObservation/compiledHooks.test.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { ApolloClient, ApolloProvider } from \"@apollo/client\";\nimport {\n  act,\n  create as createTestRenderer,\n  ReactTestRenderer,\n} from \"react-test-renderer\";\nimport { buildSchema } from \"graphql\";\nimport { graphql } from \"@graphitation/graphql-js-tag\";\nimport {\n  ApolloMockClient,\n  createMockClient,\n} from \"@graphitation/apollo-mock-client\";\nimport * as MockPayloadGenerator from \"@graphitation/graphql-js-operation-payload-generator\";\nimport * as fs from \"fs\";\nimport * as path from \"path\";\n\nimport {\n  Disposable,\n  RefetchFn,\n  useCompiledFragment,\n  useCompiledLazyLoadQuery,\n  useCompiledPaginationFragment,\n  useCompiledRefetchableFragment,\n} from \"./compiledHooks\";\nimport { typePolicies } from \"./typePolicies\";\n\n/**\n * NOTE: These compiler artefacts are normally imported using the transform from the createImportDocumentsTransform.ts module\n */\nimport { documents as compiledHooks_Root_executionQuery_documents } from \"./__generated__/compiledHooks_Root_executionQuery.graphql\";\nimport { documents as compiledHooks_ChildFragment_documents } from \"./__generated__/compiledHooks_ChildWatchNodeQuery.graphql\";\nimport { documents as compiledHooks_RefetchableFragment_documents } from \"./__generated__/compiledHooks_RefetchableFragment_RefetchQuery.graphql\";\nimport { documents as compiledHooks_QueryTypeFragment_documents } from \"./__generated__/compiledHooks_QueryTypeWatchNodeQuery.graphql\";\nimport { documents as compiledHooks_ForwardPaginationFragment_documents } from \"./__generated__/compiledHooks_ForwardPaginationFragment_PaginationQuery.graphql\";\nimport { documents as compiledHooks_BackwardPaginationFragment_documents } from \"./__generated__/compiledHooks_BackwardPaginationFragment_PaginationQuery.graphql\";\nimport { compiledHooks_Root_executionQueryVariables } from \"./__generated__/compiledHooks_Root_executionQuery.graphql\";\n\nconst schema = buildSchema(\n  fs.readFileSync(\n    path.resolve(__dirname, \"../__tests__/schema.graphql\"),\n    \"utf8\"\n  )\n);\n\nconst Child_fragment = graphql`\n  fragment compiledHooks_ChildFragment on User {\n    petName\n  }\n`;\n\nconst Refetchable_fragment = graphql`\n  fragment compiledHooks_RefetchableFragment on User\n  @refetchable(queryName: \"compiledHooks_RefetchableFragment_RefetchQuery\") {\n    petName\n    avatarUrl(size: $avatarSize)\n  }\n`;\n\nconst QueryType_fragment = graphql`\n  fragment compiledHooks_QueryTypeFragment on Query {\n    nonNode {\n      id\n    }\n  }\n`;\n\nconst ForwardPagination_fragment = graphql`\n  fragment compiledHooks_ForwardPaginationFragment on User\n  @refetchable(\n    queryName: \"compiledHooks_ForwardPaginationFragment_PaginationQuery\"\n  )\n  @argumentDefinitions(\n    conversationsForwardCount: { type: \"Int!\", defaultValue: 1 }\n    conversationsAfterCursor: { type: \"String!\", defaultValue: \"\" }\n  ) {\n    petName\n    avatarUrl(size: $avatarSize)\n    conversations(\n      first: $conversationsForwardCount\n      after: $conversationsAfterCursor\n    ) @connection(key: \"compiledHooks_user_conversations\") {\n      edges {\n        node {\n          title\n          ...compiledHooks_BackwardPaginationFragment\n        }\n      }\n    }\n  }\n`;\n\nconst BackwardPagination_fragment = graphql`\n  fragment compiledHooks_BackwardPaginationFragment on Conversation\n  @refetchable(\n    queryName: \"compiledHooks_BackwardPaginationFragment_PaginationQuery\"\n  ) {\n    messages(last: $messagesBackwardCount, before: $messagesBeforeCursor)\n      @connection(key: \"compiledHooks_conversation_messages\") {\n      edges {\n        node {\n          text\n        }\n      }\n    }\n  }\n`;\n\nconst Root_executionQueryDocument = graphql`\n  query compiledHooks_Root_executionQuery(\n    $userId: Int!\n    $avatarSize: Int = 21\n    $messagesBackwardCount: Int!\n    $messagesBeforeCursor: String!\n  ) {\n    user(id: $userId) {\n      name\n      ...compiledHooks_ChildFragment\n      ...compiledHooks_RefetchableFragment\n      ...compiledHooks_ForwardPaginationFragment\n    }\n    ...compiledHooks_QueryTypeFragment\n  }\n`;\n\ndescribe(\"compiledHooks\", () => {\n  let client: ApolloMockClient;\n  let testRenderer: ReactTestRenderer;\n\n  let useFragmentResult: { id: number }[];\n  let useRefetchableFragmentResult: ReturnType<\n    typeof useCompiledRefetchableFragment\n  >[];\n  let forwardUsePaginationFragmentResult: ReturnType<\n    typeof useCompiledPaginationFragment\n  >[];\n  let backwardUsePaginationFragmentResult: ReturnType<\n    typeof useCompiledPaginationFragment\n  >[];\n  let useLazyLoadQueryResult: { data?: any; error?: Error } | null = null;\n  let componentOnQueryTypeResult: {}[];\n\n  const ChildComponent: React.FC<{ user: { id: any } }> = (props) => {\n    const result = useCompiledFragment(\n      compiledHooks_ChildFragment_documents,\n      props.user\n    );\n    useFragmentResult.push(result as { id: number });\n    return null;\n  };\n\n  const ChildRefetchableComponent: React.FC<{ user: { id: any } }> = (\n    props\n  ) => {\n    const result = useCompiledRefetchableFragment(\n      compiledHooks_RefetchableFragment_documents,\n      props.user\n    );\n    useRefetchableFragmentResult.push(result);\n    return null;\n  };\n\n  const ComponentOnQueryType: React.FC<{ query: {} }> = (props) => {\n    const result = useCompiledFragment(\n      compiledHooks_QueryTypeFragment_documents,\n      props.query\n    );\n    componentOnQueryTypeResult.push(result);\n    return null;\n  };\n\n  const ChildForwardPaginationComponent: React.FC<{ user: { id: any } }> = (\n    props\n  ) => {\n    const result = useCompiledPaginationFragment(\n      compiledHooks_ForwardPaginationFragment_documents as any,\n      props.user\n    );\n    forwardUsePaginationFragmentResult.push(result);\n\n    return result.data.conversations.edges.map((edge: any, index: number) => {\n      return (\n        <ChildBackwardPaginationComponent\n          conversation={edge.node}\n          key={index}\n        />\n      );\n    });\n  };\n\n  const ChildBackwardPaginationComponent: React.FC<{\n    conversation: { id: any };\n  }> = (props) => {\n    const result = useCompiledPaginationFragment(\n      compiledHooks_BackwardPaginationFragment_documents as any,\n      props.conversation\n    );\n    backwardUsePaginationFragmentResult.push(result);\n    return null;\n  };\n\n  const RootComponent: React.FC<{\n    variables: compiledHooks_Root_executionQueryVariables;\n  }> = (props) => {\n    const result = useCompiledLazyLoadQuery(\n      compiledHooks_Root_executionQuery_documents,\n      { variables: props.variables }\n    );\n    useLazyLoadQueryResult = result;\n    return result.data ? (\n      <>\n        <ChildComponent user={result.data.user} />\n        <ChildRefetchableComponent user={result.data.user} />\n        <ChildForwardPaginationComponent user={result.data.user} />\n        <ComponentOnQueryType query={result.data} />\n      </>\n    ) : null;\n  };\n\n  beforeEach(() => {\n    useLazyLoadQueryResult = null;\n    useFragmentResult = [];\n    useRefetchableFragmentResult = [];\n    forwardUsePaginationFragmentResult = [];\n    backwardUsePaginationFragmentResult = [];\n    componentOnQueryTypeResult = [];\n    client = createMockClient(schema, {\n      cache: {\n        possibleTypes: {\n          Node: [\"User\"],\n        },\n        typePolicies,\n      },\n    });\n    act(() => {\n      testRenderer = createTestRenderer(\n        <ApolloProvider client={client}>\n          <ErrorBoundary>\n            <RootComponent\n              variables={{\n                userId: 42,\n                messagesBackwardCount: 1,\n                messagesBeforeCursor: \"\",\n              }}\n            />\n          </ErrorBoundary>\n        </ApolloProvider>\n      );\n    });\n  });\n\n  describe(useCompiledLazyLoadQuery, () => {\n    it(\"correctly returns loading state\", async () => {\n      expect(useLazyLoadQueryResult).toEqual({\n        data: undefined,\n        error: undefined,\n      });\n      await act(() =>\n        client.mock.resolveMostRecentOperation((operation) =>\n          MockPayloadGenerator.generate(operation)\n        )\n      );\n      expect(useLazyLoadQueryResult).toEqual({\n        data: expect.objectContaining({}),\n        error: undefined,\n      });\n    });\n\n    it(\"cancels the execution query while in-flight on unmount\", async () => {\n      expect(activeQueries(client).map((query) => query.queryName)).toEqual([\n        \"compiledHooks_Root_executionQuery\",\n      ]);\n\n      await act(async () => {\n        testRenderer.unmount();\n        return new Promise((resolve) => setTimeout(resolve, 0));\n      });\n      expect(client.getObservableQueries().size).toBe(0);\n    });\n\n    describe(\"once loaded\", () => {\n      let executionQueryId: string;\n\n      beforeEach(async () => {\n        executionQueryId = last(activeQueries(client)).queryId;\n        await act(() =>\n          client.mock.resolveMostRecentOperation((operation) =>\n            MockPayloadGenerator.generate(operation, {\n              User: (options, generateId) => {\n                return {\n                  id:\n                    options.parentType === \"Query\"\n                      ? operation.request.variables.userId\n                      : generateId(),\n                };\n              },\n              Conversation: () => ({\n                id: \"first-paged-conversation\",\n              }),\n              Message: () => ({\n                id: \"first-paged-message\",\n              }),\n            })\n          )\n        );\n      });\n\n      it(\"unsubscribes from the execution query\", async () => {\n        expect(\n          activeQueries(client).map((query) => query.queryId)\n        ).not.toContain(executionQueryId);\n      });\n\n      it(\"loads all data of the execution query into the store\", () => {\n        expect(client.cache.extract()).toMatchInlineSnapshot(`\n          Object {\n            \"Conversation:first-paged-conversation\": Object {\n              \"__typename\": \"Conversation\",\n              \"id\": \"first-paged-conversation\",\n              \"messages:compiledHooks_conversation_messages\": Object {\n                \"__typename\": \"ConversationMessagesConnection\",\n                \"edges\": Array [\n                  Object {\n                    \"__typename\": \"ConversationMessagesConnectionEdge\",\n                    \"cursor\": \"<mock-value-for-field-\\\\\"cursor\\\\\">\",\n                    \"node\": Object {\n                      \"__ref\": \"Message:first-paged-message\",\n                    },\n                  },\n                ],\n                \"pageInfo\": Object {\n                  \"__typename\": \"PageInfo\",\n                  \"hasPreviousPage\": false,\n                  \"startCursor\": \"<mock-value-for-field-\\\\\"startCursor\\\\\">\",\n                },\n              },\n              \"title\": \"<mock-value-for-field-\\\\\"title\\\\\">\",\n            },\n            \"Message:first-paged-message\": Object {\n              \"__typename\": \"Message\",\n              \"id\": \"first-paged-message\",\n              \"text\": \"<mock-value-for-field-\\\\\"text\\\\\">\",\n            },\n            \"NonNode:<mock-value-for-field-\\\\\"id\\\\\">\": Object {\n              \"__typename\": \"NonNode\",\n              \"id\": \"<mock-value-for-field-\\\\\"id\\\\\">\",\n            },\n            \"ROOT_QUERY\": Object {\n              \"__typename\": \"Query\",\n              \"nonNode\": Object {\n                \"__ref\": \"NonNode:<mock-value-for-field-\\\\\"id\\\\\">\",\n              },\n              \"user({\\\\\"id\\\\\":42})\": Object {\n                \"__ref\": \"User:42\",\n              },\n            },\n            \"User:42\": Object {\n              \"__typename\": \"User\",\n              \"avatarUrl({\\\\\"size\\\\\":21})\": \"<mock-value-for-field-\\\\\"avatarUrl\\\\\">\",\n              \"conversations:compiledHooks_user_conversations\": Object {\n                \"__typename\": \"ConversationsConnection\",\n                \"edges\": Array [\n                  Object {\n                    \"__typename\": \"ConversationsConnectionEdge\",\n                    \"cursor\": \"<mock-value-for-field-\\\\\"cursor\\\\\">\",\n                    \"node\": Object {\n                      \"__ref\": \"Conversation:first-paged-conversation\",\n                    },\n                  },\n                ],\n                \"pageInfo\": Object {\n                  \"__typename\": \"PageInfo\",\n                  \"endCursor\": \"<mock-value-for-field-\\\\\"endCursor\\\\\">\",\n                  \"hasNextPage\": false,\n                },\n              },\n              \"id\": 42,\n              \"name\": \"<mock-value-for-field-\\\\\"name\\\\\">\",\n              \"petName\": \"<mock-value-for-field-\\\\\"petName\\\\\">\",\n            },\n          }\n        `);\n      });\n\n      it(\"only returns the fields selected in the watch query to the component\", () => {\n        expect(useLazyLoadQueryResult!.data).toMatchInlineSnapshot(`\n          Object {\n            \"__fragments\": Object {\n              \"avatarSize\": 21,\n              \"messagesBackwardCount\": 1,\n              \"messagesBeforeCursor\": \"\",\n              \"userId\": 42,\n            },\n            \"user\": Object {\n              \"__fragments\": Object {\n                \"avatarSize\": 21,\n                \"messagesBackwardCount\": 1,\n                \"messagesBeforeCursor\": \"\",\n                \"userId\": 42,\n              },\n              \"__typename\": \"User\",\n              \"id\": 42,\n              \"name\": \"<mock-value-for-field-\\\\\"name\\\\\">\",\n            },\n          }\n        `);\n      });\n\n      it(\"does not re-render when a field that was not selected in the watch query is updated in the store\", async () => {\n        const before = useLazyLoadQueryResult!.data;\n        await act(async () => {\n          client.cache.modify({\n            id: \"User:42\",\n            fields: {\n              petName: () => \"Phoenix\",\n            },\n          });\n          return new Promise((resolve) => setTimeout(resolve, 0));\n        });\n        expect(useLazyLoadQueryResult!.data).toBe(before);\n      });\n\n      it(\"does re-render when a field that was selected in the watch query is updated in the store\", async () => {\n        const before = useLazyLoadQueryResult!.data;\n        await act(async () => {\n          client.cache.modify({\n            id: \"User:42\",\n            fields: {\n              name: () => \"Satya\",\n            },\n          });\n          return new Promise((resolve) => setTimeout(resolve, 0));\n        });\n        expect(useLazyLoadQueryResult!.data).not.toBe(before);\n        expect(useLazyLoadQueryResult!.data).toMatchInlineSnapshot(`\n          Object {\n            \"__fragments\": Object {\n              \"avatarSize\": 21,\n              \"messagesBackwardCount\": 1,\n              \"messagesBeforeCursor\": \"\",\n              \"userId\": 42,\n            },\n            \"user\": Object {\n              \"__fragments\": Object {\n                \"avatarSize\": 21,\n                \"messagesBackwardCount\": 1,\n                \"messagesBeforeCursor\": \"\",\n                \"userId\": 42,\n              },\n              \"__typename\": \"User\",\n              \"id\": 42,\n              \"name\": \"Satya\",\n            },\n          }\n        `);\n      });\n\n      it(\"fetches new data when variables change\", async () => {\n        act(() => {\n          testRenderer.update(\n            <ApolloProvider client={client}>\n              <ErrorBoundary>\n                <RootComponent\n                  variables={{\n                    userId: 21,\n                    messagesBackwardCount: 1,\n                    messagesBeforeCursor: \"\",\n                  }}\n                />\n              </ErrorBoundary>\n            </ApolloProvider>\n          );\n        });\n        await act(() =>\n          client.mock.resolveMostRecentOperation((operation) =>\n            MockPayloadGenerator.generate(operation, {\n              User: () => ({ id: operation.request.variables.userId }),\n            })\n          )\n        );\n        expect(client.cache.extract()[\"User:21\"]).toMatchInlineSnapshot(`\n          Object {\n            \"__typename\": \"User\",\n            \"avatarUrl({\\\\\"size\\\\\":21})\": \"<mock-value-for-field-\\\\\"avatarUrl\\\\\">\",\n            \"conversations:compiledHooks_user_conversations\": Object {\n              \"__typename\": \"ConversationsConnection\",\n              \"edges\": Array [\n                Object {\n                  \"__typename\": \"ConversationsConnectionEdge\",\n                  \"cursor\": \"<mock-value-for-field-\\\\\"cursor\\\\\">\",\n                  \"node\": Object {\n                    \"__ref\": \"Conversation:<Conversation-mock-id-5>\",\n                  },\n                },\n              ],\n              \"pageInfo\": Object {\n                \"__typename\": \"PageInfo\",\n                \"endCursor\": \"<mock-value-for-field-\\\\\"endCursor\\\\\">\",\n                \"hasNextPage\": false,\n              },\n            },\n            \"id\": 21,\n            \"name\": \"<mock-value-for-field-\\\\\"name\\\\\">\",\n            \"petName\": \"<mock-value-for-field-\\\\\"petName\\\\\">\",\n          }\n        `);\n      });\n\n      it(\"does not try to kick-off a new query when the variables object deep equals the previous one\", async () => {\n        const spy = jest.spyOn(client, \"query\");\n        await act(async () => {\n          testRenderer.update(\n            <ApolloProvider client={client}>\n              <ErrorBoundary>\n                <RootComponent\n                  variables={{\n                    userId: 42,\n                    messagesBackwardCount: 1,\n                    messagesBeforeCursor: \"\",\n                  }}\n                />\n              </ErrorBoundary>\n            </ApolloProvider>\n          );\n          return new Promise((resolve) => setTimeout(resolve, 100));\n        });\n        expect(spy).not.toHaveBeenCalled();\n      });\n\n      it(\"removes all watch queries on unmount\", async () => {\n        await act(async () => {\n          testRenderer.unmount();\n          return new Promise((resolve) => setTimeout(resolve, 0));\n        });\n        expect(client.getObservableQueries().size).toBe(0);\n      });\n    });\n  });\n\n  function itBehavesLikeFragment(\n    returnedResults: () => { id: number }[],\n    fragmentSpecificFieldSelections?: {}\n  ) {\n    // TODO: This should be scoped so it doesn't leak to other tests in the same parent describe\n    // describe(\"behaves like useFragment\", () => {\n    beforeEach(async () => {\n      await act(() =>\n        client.mock.resolveMostRecentOperation((operation) => {\n          const result = MockPayloadGenerator.generate(operation, {\n            User: () => ({\n              id: 42,\n            }),\n            Conversation: () => ({\n              id: \"first-paged-conversation\",\n            }),\n            Message: () => ({\n              id: \"first-paged-message\",\n            }),\n            PageInfo: () => ({\n              startCursor: \"first-page-start-cursor\",\n              endCursor: \"first-page-end-cursor\",\n              hasNextPage: true,\n              hasPreviousPage: true,\n            }),\n          });\n          return result;\n        })\n      );\n    });\n\n    it(\"only returns the fields selected in the watch query to the component\", () => {\n      expect(last(returnedResults())).toEqual({\n        __fragments: {\n          avatarSize: 21,\n          messagesBackwardCount: 1,\n          messagesBeforeCursor: \"\",\n          userId: 42,\n        },\n        __typename: \"User\",\n        id: 42,\n        petName: '<mock-value-for-field-\"petName\">',\n        ...fragmentSpecificFieldSelections,\n      });\n    });\n\n    it(\"returns the same object when a field that was not selected in the watch query is updated in the store\", async () => {\n      const before = last(returnedResults());\n      await act(async () => {\n        client.cache.modify({\n          id: \"User:42\",\n          fields: {\n            name: () => \"Satya\",\n          },\n        });\n        return new Promise((resolve) => setTimeout(resolve, 0));\n      });\n      expect(last(returnedResults())).toBe(before);\n    });\n\n    it(\"returns a new object when a field that was selected in the watch query is updated in the store\", async () => {\n      await act(async () => {\n        client.cache.modify({\n          id: \"User:42\",\n          fields: {\n            petName: () => \"some new value\",\n          },\n        });\n        return new Promise((resolve) => setTimeout(resolve, 0));\n      });\n      expect(returnedResults().length).toBe(2);\n      expect(last(returnedResults())).toMatchObject({\n        petName: \"some new value\",\n      });\n    });\n\n    it(\"returns data synchronously\", () => {\n      expect(returnedResults().length).toBe(1);\n    });\n\n    it(\"fetches new data when variables change\", async () => {\n      act(() => {\n        testRenderer.update(\n          <ApolloProvider client={client}>\n            <ErrorBoundary>\n              <RootComponent\n                variables={{\n                  userId: 21,\n                  messagesBackwardCount: 1,\n                  messagesBeforeCursor: \"\",\n                }}\n              />\n            </ErrorBoundary>\n          </ApolloProvider>\n        );\n      });\n      await act(() =>\n        client.mock.resolveMostRecentOperation((operation) =>\n          MockPayloadGenerator.generate(operation, {\n            User: () => ({ id: operation.request.variables.userId }),\n          })\n        )\n      );\n      expect(last(returnedResults()).id).toBe(21);\n    });\n    // });\n  }\n\n  describe(useCompiledFragment, () => {\n    itBehavesLikeFragment(() => useFragmentResult, {\n      petName: '<mock-value-for-field-\"petName\">',\n    });\n\n    it(\"also works with fragments on the Query type\", () => {\n      expect(last(componentOnQueryTypeResult)).toMatchInlineSnapshot(`\n        Object {\n          \"__fragments\": Object {\n            \"avatarSize\": 21,\n            \"messagesBackwardCount\": 1,\n            \"messagesBeforeCursor\": \"\",\n            \"userId\": 42,\n          },\n          \"nonNode\": Object {\n            \"__typename\": \"NonNode\",\n            \"id\": \"<mock-value-for-field-\\\\\"id\\\\\">\",\n          },\n        }\n      `);\n    });\n  });\n\n  function itBehavesLikeRefetchableFragment(\n    returnedResults: () => [data: { id: number }, refetch: RefetchFn][]\n  ) {\n    it.todo(\n      \"supports variables with default values on either operations or with @argumentDefinitions\"\n    );\n\n    describe(\"when refetching\", () => {\n      let onCompleted: jest.Mock;\n      let disposable: Disposable;\n\n      beforeEach(() => {\n        const [_data, refetch] = last(returnedResults());\n        onCompleted = jest.fn();\n        disposable = refetch({ avatarSize: 42 }, { onCompleted });\n      });\n\n      it(\"can be cancelled\", () => {\n        const query = last(activeQueries(client));\n        disposable.dispose();\n        expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n      });\n\n      it(\"cancels when unmounting\", async () => {\n        await act(async () => {\n          const query = last(activeQueries(client));\n          testRenderer.unmount();\n          await new Promise((resolve) => setTimeout(resolve, 0));\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      describe(\"successfully\", () => {\n        beforeEach(async () => {\n          await act(() => {\n            client.mock.resolveMostRecentOperation((operation) =>\n              MockPayloadGenerator.generate(operation, {\n                Node: () => ({\n                  id: 42,\n                  avatarUrl: `avatarUrl-with-size-${operation.request.variables.avatarSize}`,\n                }),\n              })\n            );\n            return new Promise((resolve) => setTimeout(resolve, 0));\n          });\n        });\n\n        it(\"returns a new object from the hook\", () => {\n          expect(last(returnedResults())[0]).toMatchObject({\n            __typename: \"User\",\n            avatarUrl: \"avatarUrl-with-size-42\",\n            id: 42,\n          });\n        });\n\n        it(\"updates the fragment reference request variables for future requests\", () => {\n          expect(last(returnedResults())[0]).toMatchObject({\n            __fragments: {\n              avatarSize: 42,\n              userId: 42,\n            },\n          });\n        });\n\n        it(\"invokes the onComplete callback without error\", () => {\n          expect(onCompleted).toHaveBeenCalledWith(null);\n        });\n      });\n\n      describe(\"and an error occurs\", () => {\n        const error = new Error(\"oh noes\");\n\n        beforeEach(async () => {\n          await act(() => client.mock.rejectMostRecentOperation(error));\n        });\n\n        it(\"invokes the onComplete callback when an error occurs\", () => {\n          expect(onCompleted).toHaveBeenCalledWith(error);\n        });\n\n        it(\"does not update the fragment reference request variables for future requests\", async () => {\n          const [_data, refetch] = last(returnedResults());\n          refetch({});\n          expect(\n            client.mock.getMostRecentOperation().request.variables.avatarSize\n          ).toBe(21);\n        });\n      });\n    });\n  }\n\n  describe(useCompiledRefetchableFragment, () => {\n    itBehavesLikeFragment(\n      () =>\n        useRefetchableFragmentResult.map(\n          ([data, _refetch]) => data as { id: number }\n        ),\n      { avatarUrl: '<mock-value-for-field-\"avatarUrl\">' }\n    );\n\n    itBehavesLikeRefetchableFragment(\n      () =>\n        useRefetchableFragmentResult as [\n          data: { id: number },\n          refetch: RefetchFn\n        ][]\n    );\n  });\n\n  describe(useCompiledPaginationFragment, () => {\n    itBehavesLikeFragment(\n      () =>\n        forwardUsePaginationFragmentResult.map(\n          ({ data }) => data as { id: number }\n        ),\n      {\n        avatarUrl: '<mock-value-for-field-\"avatarUrl\">',\n        conversations: {\n          __typename: \"ConversationsConnection\",\n          edges: [\n            {\n              __typename: \"ConversationsConnectionEdge\",\n              cursor: '<mock-value-for-field-\"cursor\">',\n              node: {\n                __fragments: {\n                  avatarSize: 21,\n                  messagesBackwardCount: 1,\n                  messagesBeforeCursor: \"\",\n                  userId: 42,\n                },\n                __typename: \"Conversation\",\n                id: \"first-paged-conversation\",\n                title: '<mock-value-for-field-\"title\">',\n              },\n            },\n          ],\n          pageInfo: {\n            __typename: \"PageInfo\",\n            endCursor: \"first-page-end-cursor\",\n            hasNextPage: true,\n          },\n        },\n      }\n    );\n\n    itBehavesLikeRefetchableFragment(() =>\n      forwardUsePaginationFragmentResult.map(({ data, refetch }) => [\n        data as { id: number },\n        refetch,\n      ])\n    );\n\n    describe(\"when paginating forward\", () => {\n      it(\"returns that next data is available\", () => {\n        const { hasNext } = last(forwardUsePaginationFragmentResult);\n        expect(hasNext).toBeTruthy();\n      });\n\n      it(\"uses the correct count and cursor values\", () => {\n        act(() => {\n          const { loadNext } = last(forwardUsePaginationFragmentResult);\n          loadNext(123);\n        });\n\n        const operation = client.mock.getMostRecentOperation();\n        expect(operation.request.variables).toMatchObject({\n          conversationsForwardCount: 123,\n          conversationsAfterCursor: \"first-page-end-cursor\",\n        });\n      });\n\n      it(\"returns that a pagination operation is in-flight\", () => {\n        act(() => {\n          const { loadNext } = last(forwardUsePaginationFragmentResult);\n          loadNext(123);\n        });\n        const { isLoadingNext } = last(forwardUsePaginationFragmentResult);\n        expect(isLoadingNext).toBeTruthy();\n      });\n\n      it(\"can be cancelled\", () => {\n        act(() => {\n          const { loadNext } = last(forwardUsePaginationFragmentResult);\n          const disposable = loadNext(123);\n          const query = last(activeQueries(client));\n          disposable.dispose();\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      it(\"cancels when unmounting\", async () => {\n        await act(async () => {\n          const { loadNext } = last(forwardUsePaginationFragmentResult);\n          loadNext(123);\n          const query = last(activeQueries(client));\n\n          testRenderer.unmount();\n          await new Promise((resolve) => setTimeout(resolve, 0));\n\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      it(\"invokes the onComplete callback when an error occurs\", async () => {\n        const onCompleted = jest.fn();\n        const error = new Error(\"oh noes\");\n\n        const { loadNext } = last(forwardUsePaginationFragmentResult);\n        await act(async () => {\n          loadNext(1, { onCompleted });\n          await client.mock.rejectMostRecentOperation(error);\n        });\n\n        expect(onCompleted).toHaveBeenCalledWith(error);\n      });\n\n      describe(\"and having received the response\", () => {\n        let onCompleted: jest.Mock;\n\n        beforeEach(async () => {\n          onCompleted = jest.fn();\n          await act(async () => {\n            const { loadNext } = last(forwardUsePaginationFragmentResult);\n            loadNext(1, { onCompleted });\n\n            // Introduce a slight delay before resolving the request as a\n            // regression test with a pagination requst being disposed early.\n            await new Promise((resolve) => setTimeout(resolve, 0));\n\n            client.mock.resolveMostRecentOperation((operation) =>\n              MockPayloadGenerator.generate(operation, {\n                Node: () => ({\n                  id: 42,\n                }),\n                Conversation: () => ({\n                  id: \"second-paged-conversation\",\n                }),\n                PageInfo: () => ({\n                  endCursor: \"second-page-end-cursor\",\n                  hasNextPage: false,\n                }),\n              })\n            );\n            return new Promise((resolve) => setTimeout(resolve, 0));\n          });\n        });\n\n        it(\"returns that no pagination operation is in-flight\", () => {\n          const { isLoadingNext } = last(forwardUsePaginationFragmentResult);\n          expect(isLoadingNext).toBeFalsy();\n        });\n\n        it(\"loads the new data into the store\", () => {\n          expect(client.cache.extract()).toMatchObject({\n            \"Conversation:second-paged-conversation\": {\n              id: \"second-paged-conversation\",\n              __typename: \"Conversation\",\n              title: '<mock-value-for-field-\"title\">',\n            },\n          });\n        });\n\n        it(\"returns the complete list data (previous+new) from the hook\", () => {\n          const result = last(forwardUsePaginationFragmentResult);\n          expect(\n            (result.data as any).conversations.edges.map(\n              (edge: any) => edge.node.id\n            )\n          ).toMatchInlineSnapshot(`\n            Array [\n              \"first-paged-conversation\",\n              \"second-paged-conversation\",\n            ]\n          `);\n        });\n\n        it(\"uses the new cursor value\", () => {\n          act(() => {\n            const { loadNext } = last(forwardUsePaginationFragmentResult);\n            loadNext(123);\n          });\n\n          const operation = client.mock.getMostRecentOperation();\n          expect(operation.request.variables).toMatchObject({\n            conversationsAfterCursor: \"second-page-end-cursor\",\n          });\n        });\n\n        it(\"returns that no next data is available\", () => {\n          const { hasNext } = last(forwardUsePaginationFragmentResult);\n          expect(hasNext).toBeFalsy();\n        });\n\n        it(\"invokes the onComplete callback without error\", () => {\n          expect(onCompleted).toHaveBeenCalledWith(null);\n        });\n      });\n    });\n\n    describe(\"when paginating backward\", () => {\n      it(\"returns that previous data is available\", () => {\n        const { hasPrevious } = last(backwardUsePaginationFragmentResult);\n        expect(hasPrevious).toBeTruthy();\n      });\n\n      it(\"uses the correct count and cursor values\", () => {\n        act(() => {\n          const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n          loadPrevious(123);\n        });\n\n        const operation = client.mock.getMostRecentOperation();\n        expect(operation.request.variables).toMatchObject({\n          messagesBackwardCount: 123,\n          messagesBeforeCursor: \"first-page-start-cursor\",\n        });\n      });\n\n      it(\"returns that a pagination operation is in-flight\", () => {\n        act(() => {\n          const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n          loadPrevious(123);\n        });\n        const { isLoadingPrevious } = last(backwardUsePaginationFragmentResult);\n        expect(isLoadingPrevious).toBeTruthy();\n      });\n\n      it(\"can be cancelled\", () => {\n        act(() => {\n          const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n          const disposable = loadPrevious(123);\n          const query = last(activeQueries(client));\n          disposable.dispose();\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      it(\"cancels when unmounting\", async () => {\n        await act(async () => {\n          const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n          loadPrevious(123);\n          const query = last(activeQueries(client));\n\n          testRenderer.unmount();\n          await new Promise((resolve) => setTimeout(resolve, 0));\n\n          expect(client.getObservableQueries().has(query.queryId)).toBeFalsy();\n        });\n      });\n\n      it(\"invokes the onComplete callback when an error occurs\", async () => {\n        const onCompleted = jest.fn();\n        const error = new Error(\"oh noes\");\n\n        const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n        await act(async () => {\n          loadPrevious(1, { onCompleted });\n          await client.mock.rejectMostRecentOperation(error);\n        });\n\n        expect(onCompleted).toHaveBeenCalledWith(error);\n      });\n\n      describe(\"and having received the response\", () => {\n        let onCompleted: jest.Mock;\n\n        beforeEach(async () => {\n          onCompleted = jest.fn();\n          await act(() => {\n            const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n            loadPrevious(1, { onCompleted });\n\n            client.mock.resolveMostRecentOperation((operation) =>\n              MockPayloadGenerator.generate(operation, {\n                Node: () => ({\n                  id: 42,\n                }),\n                Message: () => ({\n                  id: \"second-paged-message\",\n                }),\n                PageInfo: () => ({\n                  startCursor: \"second-page-start-cursor\",\n                  hasPreviousPage: false,\n                }),\n              })\n            );\n            return new Promise((resolve) => setTimeout(resolve, 0));\n          });\n        });\n\n        it(\"returns that no pagination operation is in-flight\", () => {\n          const { isLoadingPrevious } = last(\n            backwardUsePaginationFragmentResult\n          );\n          expect(isLoadingPrevious).toBeFalsy();\n        });\n\n        it(\"loads the new data into the store\", () => {\n          expect(client.cache.extract()).toMatchObject({\n            \"Message:second-paged-message\": {\n              id: \"second-paged-message\",\n              __typename: \"Message\",\n              text: '<mock-value-for-field-\"text\">',\n            },\n          });\n        });\n\n        it(\"returns the complete list data (previous+new) from the hook\", () => {\n          const result = last(backwardUsePaginationFragmentResult);\n          expect(\n            (result.data as any).messages.edges.map((edge: any) => edge.node.id)\n          ).toMatchInlineSnapshot(`\n            Array [\n              \"second-paged-message\",\n              \"first-paged-message\",\n            ]\n          `);\n        });\n\n        it(\"uses the new cursor value\", () => {\n          act(() => {\n            const { loadPrevious } = last(backwardUsePaginationFragmentResult);\n            loadPrevious(123);\n          });\n\n          const operation = client.mock.getMostRecentOperation();\n          expect(operation.request.variables).toMatchObject({\n            messagesBeforeCursor: \"second-page-start-cursor\",\n          });\n        });\n\n        it(\"returns that no previous data is available\", () => {\n          const { hasPrevious } = last(backwardUsePaginationFragmentResult);\n          expect(hasPrevious).toBeFalsy();\n        });\n\n        it(\"invokes the onComplete callback without error\", () => {\n          expect(onCompleted).toHaveBeenCalledWith(null);\n        });\n      });\n    });\n  });\n});\n\nclass ErrorBoundary extends React.Component {\n  state = { hasError: false };\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, errorInfo: any) {\n    console.error({ error, errorInfo });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return <h1>Something went wrong.</h1>;\n    }\n\n    return this.props.children;\n  }\n}\n\nfunction last<T>(list: T[]): T {\n  return list[list.length - 1];\n}\n\nfunction activeQueries(client: ApolloClient<any>) {\n  return Array.from(client.getObservableQueries().values());\n}\n"],
+  "mappings": "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",
+  "names": []
+}