use-http-request specs

Author: nebarf

src/__tests__/use-http-client.spec.tsx

@@ -3,6 +3,8 @@ import { renderHook } from '@testing-library/react-hooks';
 import { FetchMock } from 'jest-fetch-mock';
 import {
   defaultHttpReqConfig,
+  HttpContext,
+  HttpContextToken,
   HttpError,
   HttpMethod,
   HttpRequest,
@@ -123,17 +125,21 @@ describe('use-http-client', () => {
       wrapper: HttpClientProviderConfigFixture.create(),
     });
 
+    const showGlobalLoader = new HttpContextToken(true);
+    const reqContext = new HttpContext().set(showGlobalLoader, false);
+
     const { request } = result.current;
 
     try {
-      await request({});
+      await request({ context: reqContext });
     } catch (error) {
       expect(error).toBeInstanceOf(HttpError);
       expect(error.message).toBe(fetchError.message);
       expect(error.status).toBeUndefined();
       expect(error.statusText).toBeUndefined();
       expect(error.response).toBeUndefined();
       expect(error.request.url).toBe('/');
+      expect(error.request.context).toBe(reqContext);
       expect(error.nativeError).toBe(fetchError);
     }
 

src/__tests__/use-http-delete.spec.ts

@@ -0,0 +1,30 @@
+import { renderHook } from '@testing-library/react-hooks';
+import { HttpMethod, useHttpDelete } from '..';
+import * as useHttpRequestModule from '../request/use-http-request';
+import { HttpClientProviderConfigFixture } from './fixtures/http-client-config-provider.fixture';
+
+describe('use-http-post', () => {
+  it('should perform a post request', async () => {
+    const useHttpRequestMock = jest.spyOn(useHttpRequestModule, 'useHttpRequest');
+
+    const { waitForNextUpdate } = renderHook(
+      () =>
+        useHttpDelete({
+          fetchOnBootstrap: true,
+          relativeUrl: 'posts/1',
+        }),
+      {
+        wrapper: HttpClientProviderConfigFixture.create(),
+      }
+    );
+
+    await waitForNextUpdate();
+    // It's called everytime the state is updated.
+    expect(useHttpRequestMock).toHaveBeenCalledTimes(3);
+    expect(useHttpRequestMock).toHaveBeenCalledWith({
+      fetchOnBootstrap: true,
+      relativeUrl: 'posts/1',
+      requestOptions: { method: HttpMethod.Delete },
+    });
+  });
+});

src/__tests__/use-http-get.spec.ts

@@ -0,0 +1,30 @@
+import { renderHook } from '@testing-library/react-hooks';
+import { HttpMethod, useHttpGet } from '..';
+import * as useHttpRequestModule from '../request/use-http-request';
+import { HttpClientProviderConfigFixture } from './fixtures/http-client-config-provider.fixture';
+
+describe('use-http-post', () => {
+  it('should perform a post request', async () => {
+    const useHttpRequestMock = jest.spyOn(useHttpRequestModule, 'useHttpRequest');
+
+    const { waitForNextUpdate } = renderHook(
+      () =>
+        useHttpGet({
+          fetchOnBootstrap: true,
+          relativeUrl: 'posts',
+        }),
+      {
+        wrapper: HttpClientProviderConfigFixture.create(),
+      }
+    );
+
+    await waitForNextUpdate();
+    // It's called everytime the state is updated.
+    expect(useHttpRequestMock).toHaveBeenCalledTimes(3);
+    expect(useHttpRequestMock).toHaveBeenCalledWith({
+      fetchOnBootstrap: true,
+      relativeUrl: 'posts',
+      requestOptions: { method: HttpMethod.Get },
+    });
+  });
+});

src/__tests__/use-http-patch.spec.ts

@@ -0,0 +1,29 @@
+import { renderHook } from '@testing-library/react-hooks';
+import { HttpMethod, useHttpPatch } from '..';
+import * as useHttpRequestModule from '../request/use-http-request';
+import { HttpClientProviderConfigFixture } from './fixtures/http-client-config-provider.fixture';
+
+describe('use-http-post', () => {
+  it('should perform a post request', async () => {
+    const useHttpRequestMock = jest.spyOn(useHttpRequestModule, 'useHttpRequest');
+
+    const { waitForNextUpdate } = renderHook(
+      () =>
+        useHttpPatch({
+          fetchOnBootstrap: true,
+          requestOptions: { body: { title: 'Phelony title' } },
+        }),
+      {
+        wrapper: HttpClientProviderConfigFixture.create(),
+      }
+    );
+
+    await waitForNextUpdate();
+    // It's called everytime the state is updated.
+    expect(useHttpRequestMock).toHaveBeenCalledTimes(3);
+    expect(useHttpRequestMock).toHaveBeenCalledWith({
+      fetchOnBootstrap: true,
+      requestOptions: { body: { title: 'Phelony title' }, method: HttpMethod.Patch },
+    });
+  });
+});

src/__tests__/use-http-post.spec.ts

@@ -0,0 +1,29 @@
+import { renderHook } from '@testing-library/react-hooks';
+import { HttpMethod, useHttpPost } from '..';
+import * as useHttpRequestModule from '../request/use-http-request';
+import { HttpClientProviderConfigFixture } from './fixtures/http-client-config-provider.fixture';
+
+describe('use-http-post', () => {
+  it('should perform a post request', async () => {
+    const useHttpRequestMock = jest.spyOn(useHttpRequestModule, 'useHttpRequest');
+
+    const { waitForNextUpdate } = renderHook(
+      () =>
+        useHttpPost({
+          fetchOnBootstrap: true,
+          requestOptions: { body: { title: 'Phelony title' } },
+        }),
+      {
+        wrapper: HttpClientProviderConfigFixture.create(),
+      }
+    );
+
+    await waitForNextUpdate();
+    // It's called everytime the state is updated.
+    expect(useHttpRequestMock).toHaveBeenCalledTimes(3);
+    expect(useHttpRequestMock).toHaveBeenCalledWith({
+      fetchOnBootstrap: true,
+      requestOptions: { body: { title: 'Phelony title' }, method: HttpMethod.Post },
+    });
+  });
+});

src/__tests__/use-http-put.spec.ts

@@ -0,0 +1,29 @@
+import { renderHook } from '@testing-library/react-hooks';
+import { HttpMethod, useHttpPut } from '..';
+import * as useHttpRequestModule from '../request/use-http-request';
+import { HttpClientProviderConfigFixture } from './fixtures/http-client-config-provider.fixture';
+
+describe('use-http-post', () => {
+  it('should perform a post request', async () => {
+    const useHttpRequestMock = jest.spyOn(useHttpRequestModule, 'useHttpRequest');
+
+    const { waitForNextUpdate } = renderHook(
+      () =>
+        useHttpPut({
+          fetchOnBootstrap: true,
+          requestOptions: { body: { title: 'Phelony title' } },
+        }),
+      {
+        wrapper: HttpClientProviderConfigFixture.create(),
+      }
+    );
+
+    await waitForNextUpdate();
+    // It's called everytime the state is updated.
+    expect(useHttpRequestMock).toHaveBeenCalledTimes(3);
+    expect(useHttpRequestMock).toHaveBeenCalledWith({
+      fetchOnBootstrap: true,
+      requestOptions: { body: { title: 'Phelony title' }, method: HttpMethod.Put },
+    });
+  });
+});