internal: Update to use controller returned from renderDataClient

Author: ntucker

docs/core/api/Controller.md

@@ -20,7 +20,7 @@ and retrieval performance.
 
   - [Managers](./Manager.md) as the first argument in [Manager.getMiddleware()](./Manager.md#getmiddleware)
   - React with [useController()](./useController.md)
-  - [Unit testing hooks](../guides/unit-testing-hooks.md) with [renderDataClient()](./makeRenderDataClient.md#renderdataclient)
+  - [Unit testing hooks](../guides/unit-testing-hooks.md) with [renderDataClient()](./makeRenderDataClient.md#controller)
 
 ```ts
 class Controller {

docs/core/api/makeRenderDataClient.md

@@ -36,7 +36,7 @@ Returned from makeRenderDataClient():
 
 ```typescript
 type RenderDataClientFunction = {
-  <P, R, T=any>(
+  <P, R, T = any>(
     callback: (props: P) => R,
     options?: {
       initialProps?: P;
@@ -103,6 +103,38 @@ Pass a React Component as the wrapper option to have it rendered around the inne
 
 [Controller](./Controller.md) to dispatch imperative effects
 
+```ts
+it('should update', async () => {
+  const id = 5;
+  const payload = { title: 'first item', id, completed: false };
+  // highlight-next-line
+  const { result, controller } = renderDataClient(
+    () => {
+      return useSuspense(TodoResource.get, { id });
+    },
+    {
+      initialFixtures: [
+        {
+          endpoint: TodoResource.get,
+          args: [{ id }],
+          response: [payload],
+        },
+      ],
+    },
+  );
+  expect(result.current).toEqual(TodoResource.fromJS(payload));
+  // highlight-start
+  await act(() => {
+    await controller.fetch(TodoResource.update, {
+      id,
+      title: 'updated title',
+    });
+  });
+  // highlight-end
+  expect(result.current.title).toBe('updated title');
+});
+```
+
 ### cleanup()
 
 Cleans up all managers used in tests. Should be run in `afterEach()` to ensure each test starts fresh.