Add runtime test validating plural @LiVe field

Reviewed By: voideanvalue

Differential Revision: D45677696

fbshipit-source-id: 12b16097e1be9fb62dd1167dd4ef8aae0cdbfd8c

packages/react-relay/__tests__/RelayResolvers-withOutputType-test.js

@@ -279,6 +279,26 @@ describe.each([
     });
   }
 
+  function ManyLiveTodosComponent() {
+    const data = useClientQuery(
+      graphql`
+        query RelayResolversWithOutputTypeTestManyLiveTodosQuery {
+          many_live_todos {
+            ...RelayResolversWithOutputTypeTestFragment
+          }
+        }
+      `,
+      {},
+    );
+    if (data.many_live_todos?.length === 0) {
+      return 'No Items';
+    }
+
+    return data.many_live_todos?.map((todo, index) => {
+      return <TodoComponent key={index} fragmentKey={todo} />;
+    });
+  }
+
   test('should render empty state', () => {
     const renderer = TestRenderer.create(
       <EnvironmentWrapper environment={environment}>
@@ -718,4 +738,44 @@ describe.each([
       'color: color is red',
     ]);
   });
+
+  test('rendering live list', () => {
+    addTodo('Todo 1');
+    addTodo('Todo 2');
+    addTodo('Todo 3');
+
+    const renderer = TestRenderer.create(
+      <EnvironmentWrapper environment={environment}>
+        <ManyLiveTodosComponent />
+      </EnvironmentWrapper>,
+    );
+
+    expect(renderer.toJSON()).toEqual([
+      'Todo 1',
+      'is not completed',
+      'style: bold',
+      'color: color is red',
+      'Todo 2',
+      'is not completed',
+      'style: bold',
+      'color: color is red',
+      'Todo 3',
+      'is not completed',
+      'style: bold',
+      'color: color is red',
+    ]);
+
+    TestRenderer.act(() => {
+      removeTodo('todo-1');
+      removeTodo('todo-2');
+      jest.runAllImmediates();
+    });
+
+    expect(renderer.toJSON()).toEqual([
+      'Todo 3',
+      'is not completed',
+      'style: bold',
+      'color: color is red',
+    ]);
+  });
 });

packages/relay-runtime/store/__tests__/resolvers/ExampleTodoStore.js

@@ -13,7 +13,7 @@
 
 import type {LogEvent} from '../../RelayStoreTypes';
 
-export opaque type TodoID = string;
+export opaque type TodoID: string = string;
 
 export type TodoItem = {
   todoID: TodoID,

packages/relay-runtime/store/__tests__/resolvers/QueryManyLiveTodos.js

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall relay
+ */
+
+'use strict';
+
+import type {LiveState} from '../../experimental-live-resolvers/LiveResolverStore';
+
+const {
+  Selectors,
+  TODO_STORE,
+} = require('relay-runtime/store/__tests__/resolvers/ExampleTodoStore');
+
+/**
+ * @RelayResolver Query.many_live_todos: [Todo]
+ * @live
+ */
+function many_live_todos(): LiveState<$ReadOnlyArray<{todo_id: string}>> {
+  return {
+    read() {
+      return Selectors.getTodoIDs(TODO_STORE.getState()).map(id => ({
+        todo_id: id,
+      }));
+    },
+    subscribe(cb) {
+      return TODO_STORE.subscribe(null, cb);
+    },
+  };
+}
+
+module.exports = {
+  many_live_todos,
+};