refactor(updated tests)

Co-authored-by: Sebastian Palmqvist <PalmN72@users.noreply.github.com>

apps/skolplattformen-app-new/libs/hooks/src/useCalendar.test.js

@@ -0,0 +1,271 @@
+import React from 'react';
+import {renderHook, act, waitFor} from '@testing-library/react';
+import {ApiProvider} from './provider';
+import {useCalendar} from './hooks';
+import store from './store';
+import init from './__mocks__/@skolplattformen/embedded-api';
+import createStorage from './__mocks__/AsyncStorage';
+import reporter from './__mocks__/reporter';
+
+const pause = (ms = 0) => new Promise(r => setTimeout(r, ms));
+
+describe('useCalendar(child)', () => {
+  let api;
+  let storage;
+  let response;
+  let child;
+  const wrapper = ({children}) => (
+    <ApiProvider api={api} storage={storage} reporter={reporter}>
+      {children}
+    </ApiProvider>
+  );
+  beforeEach(() => {
+    response = [{id: 1}];
+    api = init();
+    api.getPersonalNumber.mockReturnValue('123');
+    api.getCalendar.mockImplementation(
+      () =>
+        new Promise(res => {
+          setTimeout(() => res(response), 50);
+        }),
+    );
+    storage = createStorage(
+      {
+        '123_calendar_10': [{id: 2}],
+      },
+      2,
+    );
+    child = {id: 10};
+  });
+  afterEach(async () => {
+    await act(async () => {
+      await pause(70);
+      store.dispatch({entity: 'ALL', type: 'CLEAR'});
+    });
+  });
+
+  it('returns correct initial value', () => {
+    const {result} = renderHook(() => useCalendar(child), {wrapper});
+
+    expect(result.current.status).toEqual('pending');
+  });
+
+  it('calls api', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => expect(api.getCalendar).toHaveBeenCalled());
+
+    // });
+  });
+
+  it('only calls api once', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    renderHook(() => useCalendar(child), {wrapper});
+    renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    renderHook(() => useCalendar(child), {wrapper});
+    //await waitForNextUpdate();
+    renderHook(() => useCalendar(child), {wrapper});
+    //await waitForNextUpdate();
+
+    const {result} = renderHook(() => useCalendar(child), {wrapper});
+    await waitFor(() => {
+      expect(api.getCalendar).toHaveBeenCalledTimes(1);
+      expect(result.current.status).toEqual('loaded');
+    });
+
+    // })
+  });
+
+  it('retrieves data from cache', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    const {result} = renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+
+    await waitFor(() => expect(result.current.data).toEqual([{id: 2}]));
+    // });
+  });
+
+  it('works when cache is empty', async () => {
+    storage.clear();
+    //await act(async () => {
+    api.isLoggedIn = true;
+    const {result} = renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => expect(result.current.data).toEqual([{id: 1}]));
+
+    // });
+  });
+
+  it('updates status to loading', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    const {result} = renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => expect(result.current.status).toEqual('loading'));
+
+    // });
+  });
+
+  it('updates status to loaded', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    const {result} = renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => expect(result.current.status).toEqual('loaded'));
+
+    // });
+  });
+
+  it('stores in cache if not fake', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    api.isFake = false;
+
+    renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    // await pause(20);
+    await waitFor(() =>
+      expect(storage.cache['123_calendar_10']).toEqual('[{"id":1}]'),
+    );
+
+    // });
+  });
+
+  it('does not store in cache if fake', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    api.isFake = true;
+
+    renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    // await pause(20);
+    await waitFor(() =>
+      expect(storage.cache['123_calendar_10']).toEqual('[{"id":2}]'),
+    );
+
+    // });
+  });
+
+  it('retries if api fails', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    const error = new Error('fail');
+    api.getCalendar.mockRejectedValueOnce(error);
+
+    const {result} = renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => {
+      expect(result.current.error).toEqual(error);
+      expect(result.current.status).toEqual('loading');
+      expect(result.current.data).toEqual([{id: 2}]);
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => {
+      expect(result.current.status).toEqual('loaded');
+      expect(result.current.data).toEqual([{id: 1}]);
+    });
+    // });
+  });
+
+  it('gives up after 3 retries', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    const error = new Error('fail');
+    api.getCalendar.mockRejectedValueOnce(error);
+    api.getCalendar.mockRejectedValueOnce(error);
+    api.getCalendar.mockRejectedValueOnce(error);
+
+    const {result} = renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => {
+      expect(result.current.error).toEqual(error);
+      expect(result.current.status).toEqual('loading');
+      expect(result.current.data).toEqual([{id: 2}]);
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => {
+      expect(result.current.error).toEqual(error);
+      expect(result.current.status).toEqual('error');
+      expect(result.current.data).toEqual([{id: 2}]);
+    });
+    // });
+  });
+
+  it('reports if api fails', async () => {
+    //await act(async () => {
+    api.isLoggedIn = true;
+    const error = new Error('fail');
+    api.getCalendar.mockRejectedValueOnce(error);
+
+    const {result} = renderHook(() => useCalendar(child), {
+      wrapper,
+    });
+
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    //await waitForNextUpdate();
+    await waitFor(() => {
+      expect(result.current.error).toEqual(error);
+
+      expect(reporter.error).toHaveBeenCalledWith(
+        error,
+        'Error getting CALENDAR from API',
+      );
+    });
+  });
+  // });
+});