add error tests

Author: dagda1

package.json

@@ -39,7 +39,7 @@
   "scripts": {
     "start": "tsdx watch",
     "build": "tsdx build",
-    "test": "tsdx --tsconfig ./tsconfig.test.json test --env=jsdom"
+    "test": "tsdx test --env=jsdom"
   },
   "peerDependencies": {
     "react": ">=16.8"

test/useAsync.test.ts

@@ -33,15 +33,15 @@ describe('useAync', () => {
 
   beforeEach(() => {
     fetch.resetMocks();
-
-    fetch.mockResponseOnce(JSON.stringify(fakeResults));
   });
 
   it('should have a useAsync hook', () => {
     expect(useAsync).toBeDefined();
   });
 
   it('should set loading flag when request is initially made', () => {
+    fetch.mockResponseOnce(JSON.stringify(fakeResults));
+
     const { result } = renderHook<
       StarwarsHeroArgs,
       UseAsyncReturn<StarwarsHero[]>
@@ -55,6 +55,8 @@ describe('useAync', () => {
   });
 
   it('should resolve a successful request', async () => {
+    fetch.mockResponseOnce(JSON.stringify(fakeResults));
+
     const { result, waitForNextUpdate } = renderHook<
       StarwarsHeroArgs,
       UseAsyncReturn<StarwarsHero[]>
@@ -68,4 +70,22 @@ describe('useAync', () => {
     expect(result.current.loading).toBe(false);
     expect(result.current.error).toBeUndefined();
   });
+
+  it('should set error detail for unsuccessful request', async () => {
+    fetch.mockReject(new Error('something went wrong'));
+
+    const { result, waitForNextUpdate } = renderHook<
+      StarwarsHeroArgs,
+      UseAsyncReturn<StarwarsHero[]>
+    >(p => useAsync<StarwarsHero[], any>(p.asyncFunction, []), {
+      initialProps: { ...props },
+    });
+
+    await waitForNextUpdate();
+
+    expect(result.current.error).toBeDefined();
+    expect(result.current.error!.message).toBe('something went wrong');
+    expect(result.current.loading).toBe(false);
+    expect(result.current.result).toBeUndefined();
+  });
 });