add tests for helpers with missing state

Author: Khartir

packages/react-async/src/helpers.spec.js

@@ -84,7 +84,10 @@ describe("IfFulfilled", () => {
     await findByText("outer inner")
     expect(queryByText("outer inner")).toBeInTheDocument()
   })
-
+  test("renders nothing if missing state", () => {
+    const { queryByText } = render(<IfFulfilled>Test</IfFulfilled>)
+    expect(queryByText("Test")).not.toBeInTheDocument()
+  })
   test("renders without children", async () => {
     const promiseFn = () => resolveTo("ok")
     render(<Async promiseFn={promiseFn}>{state => <IfFulfilled state={state} />}</Async>)
@@ -109,6 +112,10 @@ describe("IfPending", () => {
     await findByText("done")
     expect(queryByText("pending")).toBeNull()
   })
+  test("renders nothing if missing state", () => {
+    const { queryByText } = render(<IfPending>Test</IfPending>)
+    expect(queryByText("Test")).not.toBeInTheDocument()
+  })
 })
 
 describe("IfInitial", () => {
@@ -134,6 +141,10 @@ describe("IfInitial", () => {
     await findByText("done")
     expect(queryByText("pending")).toBeNull()
   })
+  test("renders nothing if missing state", () => {
+    const { queryByText } = render(<IfInitial>Test</IfInitial>)
+    expect(queryByText("Test")).not.toBeInTheDocument()
+  })
 })
 
 describe("IfRejected", () => {
@@ -148,6 +159,10 @@ describe("IfRejected", () => {
     await findByText("err")
     expect(queryByText("err")).toBeInTheDocument()
   })
+  test("renders nothing if missing state", () => {
+    const { queryByText } = render(<IfRejected>Test</IfRejected>)
+    expect(queryByText("Test")).not.toBeInTheDocument()
+  })
 })
 
 describe("IfSettled", () => {
@@ -197,4 +212,8 @@ describe("IfSettled", () => {
     fireEvent.click(getByText("reload"))
     await findByText("loading")
   })
+  test("renders nothing if missing state", () => {
+    const { queryByText } = render(<IfSettled>Test</IfSettled>)
+    expect(queryByText("Test")).not.toBeInTheDocument()
+  })
 })