Axios 实例模块单元测试

ts-axios 提供了 axios.create 静态方法，返回一个 instance 实例，我们需要对这个模块做测试。

测试代码编写

test/instance.spec.ts：

  1. import axios, { AxiosRequestConfig, AxiosResponse } from '../src/index'
  2. import { getAjaxRequest } from './helper'
  4. describe('instance', () => {
  5.   beforeEach(() => {
  6.     jasmine.Ajax.install()
  7.   })
  9.   afterEach(() => {
  10.     jasmine.Ajax.uninstall()
  11.   })
  13.   test('should make a http request without verb helper', () => {
  14.     const instance = axios.create()
  16.     instance('/foo')
  18.     return getAjaxRequest().then(request => {
  19.       expect(request.url).toBe('/foo')
  20.     })
  21.   })
  23.   test('should make a http request', () => {
  24.     const instance = axios.create()
  26.     instance.get('/foo')
  28.     return getAjaxRequest().then(request => {
  29.       expect(request.url).toBe('/foo')
  30.       expect(request.method).toBe('GET')
  31.     })
  32.   })
  34.   test('should make a post request', () => {
  35.     const instance = axios.create()
  37.     instance.post('/foo')
  39.     return getAjaxRequest().then(request => {
  40.       expect(request.method).toBe('POST')
  41.     })
  42.   })
  44.   test('should make a put request', () => {
  45.     const instance = axios.create()
  47.     instance.put('/foo')
  49.     return getAjaxRequest().then(request => {
  50.       expect(request.method).toBe('PUT')
  51.     })
  52.   })
  54.   test('should make a patch request', () => {
  55.     const instance = axios.create()
  57.     instance.patch('/foo')
  59.     return getAjaxRequest().then(request => {
  60.       expect(request.method).toBe('PATCH')
  61.     })
  62.   })
  64.   test('should make a options request', () => {
  65.     const instance = axios.create()
  67.     instance.options('/foo')
  69.     return getAjaxRequest().then(request => {
  70.       expect(request.method).toBe('OPTIONS')
  71.     })
  72.   })
  74.   test('should make a delete request', () => {
  75.     const instance = axios.create()
  77.     instance.delete('/foo')
  79.     return getAjaxRequest().then(request => {
  80.       expect(request.method).toBe('DELETE')
  81.     })
  82.   })
  84.   test('should make a head request', () => {
  85.     const instance = axios.create()
  87.     instance.head('/foo')
  89.     return getAjaxRequest().then(request => {
  90.       expect(request.method).toBe('HEAD')
  91.     })
  92.   })
  94.   test('should use instance options', () => {
  95.     const instance = axios.create({ timeout: 1000 })
  97.     instance.get('/foo')
  99.     return getAjaxRequest().then(request => {
  100.       expect(request.timeout).toBe(1000)
  101.     })
  102.   })
  104.   test('should have defaults.headers', () => {
  105.     const instance = axios.create({ baseURL: 'https://api.example.com' })
  107.     expect(typeof instance.defaults.headers).toBe('object')
  108.     expect(typeof instance.defaults.headers.common).toBe('object')
  109.   })
  111.   test('should have interceptors on the instance', done => {
  112.     axios.interceptors.request.use(config => {
  113.       config.timeout = 2000
  114.       return config
  115.     })
  117.     const instance = axios.create()
  119.     instance.interceptors.request.use(config => {
  120.       config.withCredentials = true
  121.       return config
  122.     })
  124.     let response: AxiosResponse
  125.     instance.get('/foo').then(res => {
  126.       response = res
  127.     })
  129.     getAjaxRequest().then(request => {
  130.       request.respondWith({
  131.         status: 200
  132.       })
  134.       setTimeout(() => {
  135.         expect(response.config.timeout).toEqual(0)
  136.         expect(response.config.withCredentials).toEqual(true)
  137.         done()
  138.       }, 100)
  139.     })
  140.   })
  142.   test('should get the computed uri', () => {
  143.     const fakeConfig: AxiosRequestConfig = {
  144.       baseURL: 'https://www.baidu.com/',
  145.       url: '/user/12345',
  146.       params: {
  147.         idClient: 1,
  148.         idTest: 2,
  149.         testString: 'thisIsATest'
  150.       }
  151.     }
  152.     expect(axios.getUri(fakeConfig)).toBe(
  153.       'https://www.baidu.com/user/12345?idClient=1&idTest=2&testString=thisIsATest'
  154.     )
  155.   })
  156. })

至此我们完成了 ts-axios 库 Axios 实例模块相关业务逻辑的测试，下一节课我们会对拦截器模块做测试。