Return waitForActions after rendering

packages/client/src/team/TeamConnector.test.tsx

@@ -69,8 +69,7 @@ describe('TeamConnector', () => {
   }
 
   it('it fetches user teams on render', async () => {
-    const {waitForActions, render} = createTestProvider()
-    const {node} = render({
+    const {node, waitForActions} = createTestProvider().render({
       history,
       location: {} as any,
       match: {} as any,
@@ -94,8 +93,8 @@ describe('TeamConnector', () => {
         userTeams: [],
       }
       teamClientMock.create.mockResolvedValue(newTeam)
-      const {render, store, waitForActions} = createTestProvider()
-      const {node} = render({
+      const {render, store} = createTestProvider()
+      const {waitForActions, node} = render({
         history,
         location: {} as any,
         match: {} as any,
@@ -114,8 +113,8 @@ describe('TeamConnector', () => {
     it('displays an error', async () => {
       const error = {error: 'An error'}
       teamClientMock.create.mockRejectedValue(new Error('Test Error'))
-      const {render, waitForActions} = createTestProvider()
-      const {node} = render({
+      const {render} = createTestProvider()
+      const {node, waitForActions} = render({
         history,
         location: {} as any,
         match: {} as any,

packages/client/src/test-utils/TestUtils.tsx

@@ -92,11 +92,17 @@ export class TestUtils {
         const jsx = createJSX
           ? createJSX(Component, props)
           : <Component {...props} />
-        return this.render(
+        const result = this.render(
           <Provider store={store}>
             {jsx}
           </Provider>,
         )
+        return {
+          ...result,
+          async waitForActions(timeout = 2000) {
+            await waitMiddleware.waitForRecorded(recorder)
+          },
+        }
       }
 
       const withJSX = (localCreateJSX: CreateJSX) => {
@@ -106,14 +112,11 @@ export class TestUtils {
 
       const self: ISelf<
         Props, typeof store, typeof Component, CreateJSX
-        > = {
+      > = {
         render,
         store,
         Component,
         withJSX,
-        async waitForActions() {
-          await waitMiddleware.waitForRecorded(recorder, 2000)
-        },
       }
 
       return self
@@ -124,10 +127,13 @@ export class TestUtils {
 }
 
 interface ISelf<Props, Store, Component, CreateJSX> {
-  render: (props: Props) => ReturnType<TestUtils['render']>
+  render: (props: Props) => {
+    component: React.Component<any>
+    node: Element
+    waitForActions(timeout?: number): Promise<void>
+  }
   store: Store
   Component: Component
   withJSX: (localCreateJSX: CreateJSX)
   => ISelf<Props, Store, Component, CreateJSX>
-  waitForActions(): Promise<void>
 }