accounts-frontend/packages/app/services/request/request.test.ts

import expect from 'app/test/unexpected';
import sinon from 'sinon';

import request from 'app/services/request';
import { InternalServerError, RequestAbortedError } from 'app/services/request';

describe('services/request', () => {
  beforeEach(() => {
    sinon.stub(window, 'fetch').named('fetch');
  });

  afterEach(() => {
    (window.fetch as any).restore();
  });

  describe('InternalServerError', () => {
    it('should wrap json errors', () => {
      const resp = new Response('bad resp format', { status: 200 });

      (fetch as any).returns(Promise.resolve(resp));

      return expect(request.get('/foo'), 'to be rejected').then(
        (error: InternalServerError) => {
          expect(error, 'to be an', InternalServerError);
          expect(error.originalResponse, 'to be', resp);
          expect(error.message, 'to contain', 'Unexpected token');
        },
      );
    });

    it('should wrap 5xx errors', () => {
      const resp = new Response('{}', { status: 500 });

      (fetch as any).returns(Promise.resolve(resp));

      return expect(request.get('/foo'), 'to be rejected').then(
        (error: InternalServerError) => {
          expect(error, 'to be an', InternalServerError);
          expect(error.originalResponse, 'to be', resp);
        },
      );
    });

    it('should wrap aborted errors', () => {
      const resp = new Response('{}', { status: 0 });

      (fetch as any).returns(Promise.resolve(resp));

      return expect(request.get('/foo'), 'to be rejected').then(
        (error: RequestAbortedError) => {
          expect(error, 'to be an', RequestAbortedError);
          // @ts-ignore
          expect(error.error, 'to be', resp);
        },
      );
    });

    it('should wrap "Failed to fetch" errors', () => {
      const resp = new TypeError('Failed to fetch');

      (fetch as any).returns(Promise.resolve(resp));

      return expect(request.get('/foo'), 'to be rejected').then(
        (error: RequestAbortedError) => {
          expect(error, 'to be an', RequestAbortedError);
          expect(error.message, 'to be', resp.message);
          // @ts-ignore
          expect(error.error, 'to be', resp);
        },
      );
    });
  });

  describe('#buildQuery', () => {
    it('should build query', () => {
      const data = {
        notSet: undefined,
        notSet2: null,
        numeric: 1,
        complexString: 'sdfgs sdfg ',
        positive: true,
        negative: false,
      };
      const expectedQs =
        'notSet=&notSet2=&numeric=1&complexString=sdfgs%20sdfg%20&positive=1&negative=0';

      expect(request.buildQuery(data), 'to equal', expectedQs);
    });
  });
});