Convert ReactRelayPaginationContainer-test.js to use the new compiler

Summary:
We're working on deprecating JS compiler.
One of the steps, is to remove it from our unit-tests.

This is the test from #3199

Steps:
1) Remove `generateAndCompile`
2) Wrap graphql documents with `graphql` tag + add unique prefix
3) Run new compiler: `scripts/compile-tests.sh`

Reviewed By: tyao1

Differential Revision: D25874593

fbshipit-source-id: aa8b192cee0a4ad05b42e0153c19817f56b48ab3

Author: alunyov

packages/react-relay/__tests__/ReactRelayPaginationContainer-test.js

@@ -16,14 +16,14 @@ const ReactRelayPaginationContainer = require('../ReactRelayPaginationContainer'
 const ReactTestRenderer = require('react-test-renderer');
 
 const {
-  createReaderSelector,
-  createOperationDescriptor,
   ConnectionHandler,
   ConnectionInterface,
+  createOperationDescriptor,
+  createReaderSelector,
+  graphql,
 } = require('relay-runtime');
 const {
   createMockEnvironment,
-  generateAndCompile,
   unwrapContainer,
 } = require('relay-test-utils-internal');
 
@@ -89,8 +89,8 @@ describe('ReactRelayPaginationContainer', () => {
     environment = createMockEnvironment({
       handlerProvider: () => ConnectionHandler,
     });
-    ({UserFragment, UserQuery} = generateAndCompile(`
-      query UserQuery(
+    UserQuery = graphql`
+      query ReactRelayPaginationContainerTestUserQuery(
         $after: ID
         $count: Int!
         $id: ID!
@@ -100,20 +100,23 @@ describe('ReactRelayPaginationContainer', () => {
         node(id: $id) {
           id
           __typename
-          ...UserFragment @arguments(isViewerFriendLocal: $isViewerFriend, orderby: $orderby)
+          ...ReactRelayPaginationContainerTestUserFragment
+            @arguments(isViewerFriendLocal: $isViewerFriend, orderby: $orderby)
         }
       }
+    `;
 
-      fragment UserFragment on User
+    UserFragment = graphql`
+      fragment ReactRelayPaginationContainerTestUserFragment on User
         @argumentDefinitions(
           isViewerFriendLocal: {type: "Boolean", defaultValue: false}
           orderby: {type: "[String]"}
         ) {
         id
         friends(
-          after: $after,
-          first: $count,
-          orderby: $orderby,
+          after: $after
+          first: $count
+          orderby: $orderby
           isViewerFriend: $isViewerFriendLocal
         ) @connection(key: "UserFragment_friends") {
           edges {
@@ -123,7 +126,7 @@ describe('ReactRelayPaginationContainer', () => {
           }
         }
       }
-    `));
+    `;
 
     render = jest.fn(props => {
       ({hasMore, isLoading, loadMore, refetchConnection} = props.relay);
@@ -747,20 +750,22 @@ describe('ReactRelayPaginationContainer', () => {
   });
 
   it('fails if missing @connection directive', () => {
-    ({UserFragment, UserQuery} = generateAndCompile(`
-      query UserQuery(
+    UserQuery = graphql`
+      query ReactRelayPaginationContainerTestNoConnectionUserQuery(
         $after: ID
         $count: Int!
         $id: ID!
         $orderby: [String]
       ) {
         node(id: $id) {
           id
-          ...UserFragment
+          ...ReactRelayPaginationContainerTestNoConnectionUserFragment
         }
       }
+    `;
 
-      fragment UserFragment on User {
+    UserFragment = graphql`
+      fragment ReactRelayPaginationContainerTestNoConnectionUserFragment on User {
         friends(after: $after, first: $count, orderby: $orderby) {
           edges {
             node {
@@ -773,8 +778,7 @@ describe('ReactRelayPaginationContainer', () => {
           }
         }
       }
-    `));
-
+    `;
     expect(() => {
       ReactRelayPaginationContainer.createContainer(
         TestComponent,
@@ -798,33 +802,34 @@ describe('ReactRelayPaginationContainer', () => {
   });
 
   it('does not fail invariant if one fragment has a @connection directive', () => {
-    let ViewerFragment;
-    ({UserFragment, UserQuery, ViewerFragment} = generateAndCompile(`
-      query UserQuery(
+    UserQuery = graphql`
+      query ReactRelayPaginationContainerTestNoConnectionOnFragmentUserQuery(
         $after: ID
         $count: Int!
         $id: ID!
         $orderby: [String]
       ) {
         viewer {
-          ...ViewerFragment
+          ...ReactRelayPaginationContainerTestNoConnectionOnFragmentViewerFragment
         }
         node(id: $id) {
           id
-          ...UserFragment
+          ...ReactRelayPaginationContainerTestNoConnectionOnFragmentUserFragment
         }
       }
+    `;
 
-      fragment ViewerFragment on Viewer {
-        actor{
+    const ViewerFragment = graphql`
+      fragment ReactRelayPaginationContainerTestNoConnectionOnFragmentViewerFragment on Viewer {
+        actor {
           id
         }
       }
-
-      fragment UserFragment on User {
-        friends(after: $after, first: $count, orderby: $orderby) @connection(
-          key: "UserFragment_friends"
-        ) {
+    `;
+    UserFragment = graphql`
+      fragment ReactRelayPaginationContainerTestNoConnectionOnFragmentUserFragment on User {
+        friends(after: $after, first: $count, orderby: $orderby)
+          @connection(key: "UserFragment_friends") {
           edges {
             node {
               id
@@ -836,7 +841,7 @@ describe('ReactRelayPaginationContainer', () => {
           }
         }
       }
-    `));
+    `;
 
     TestContainer = ReactRelayPaginationContainer.createContainer(
       TestComponent,