overleaf/services/web/test/frontend/infrastructure/fetch-json.test.js

import { expect } from 'chai'
import fetchMock from 'fetch-mock'
import {
  deleteJSON,
  FetchError,
  getJSON,
  postJSON,
  putJSON
} from '../../../frontend/js/infrastructure/fetch-json'

describe('fetchJSON', function() {
  before(function() {
    fetchMock.restore()
  })

  afterEach(function() {
    fetchMock.restore()
  })

  const headers = {
    Accept: 'application/json',
    'Content-Type': 'application/json'
  }

  it('handles GET requests', function() {
    fetchMock.once(
      { method: 'GET', url: '/test', headers },
      { status: 200, body: { result: 'success' } }
    )

    return expect(getJSON('/test')).to.eventually.deep.equal({
      result: 'success'
    })
  })

  it('handles 4xx responses', function() {
    fetchMock.get('/test', {
      status: 400,
      body: { message: 'The request was invalid' }
    })

    return expect(getJSON('/test'))
      .to.eventually.be.rejectedWith('Bad Request')
      .and.be.an.instanceOf(FetchError)
      .to.nested.include({
        message: 'Bad Request',
        'data.message': 'The request was invalid',
        'response.status': 400,
        'info.statusCode': 400
      })
  })

  it('handles 5xx responses', async function() {
    fetchMock.get('/test', { status: 500 })

    return expect(getJSON('/test'))
      .to.eventually.be.rejectedWith('Internal Server Error')
      .and.be.an.instanceOf(FetchError)
      .to.nested.include({
        'response.status': 500,
        'info.statusCode': 500
      })
  })

  it('handles POST requests', function() {
    const body = { example: true }

    fetchMock.once(
      { method: 'POST', url: '/test', headers, body },
      { status: 200, body: { result: 'success' } }
    )

    return expect(postJSON('/test', { body })).to.eventually.deep.equal({
      result: 'success'
    })
  })

  it('handles PUT requests', function() {
    const body = { example: true }

    fetchMock.once(
      { method: 'PUT', url: '/test', headers, body },
      { status: 200, body: { result: 'success' } }
    )

    return expect(putJSON('/test', { body })).to.eventually.deep.equal({
      result: 'success'
    })
  })

  it('handles DELETE requests', function() {
    fetchMock.once({ method: 'DELETE', url: '/test', headers }, { status: 204 })

    return expect(deleteJSON('/test')).to.eventually.deep.equal({})
  })
})