Axios 中文文档

moxios


Mock axios requests for testing

Installing


  1. ``` shell
  2. $ npm install moxios --save-dev
  3. ```

Example


  1. ``` js
  2. import axios from 'axios'
  3. import moxios from 'moxios'
  4. import sinon from 'sinon'
  5. import { equal } from 'assert'

  7. describe('mocking axios requests', function () {

  9.   describe('across entire suite', function () {

  11.     beforeEach(function () {
  12.       // import and pass your custom axios instance to this method
  13.       moxios.install()
  14.     })

  16.     afterEach(function () {
  17.       // import and pass your custom axios instance to this method
  18.       moxios.uninstall()
  19.     })

  21.     it('specify response for a specific request', function (done) {
  22.       let input = document.querySelector('.UserList__Filter__Input')
  23.       let button = document.querySelector('.UserList__Filter__Button')

  25.       input.value = 'flintstone'
  26.       button.click()

  28.       // Elsewhere in your code axios.get('/users/search', { params: { q: 'flintstone' } }) is called

  30.       moxios.wait(function () {
  31.         let request = moxios.requests.mostRecent()
  32.         request.respondWith({
  33.           status: 200,
  34.           response: [
  35.             { id: 1, firstName: 'Fred', lastName: 'Flintstone' },
  36.             { id: 2, firstName: 'Wilma', lastName: 'Flintstone' }
  37.           ]
  38.         })
  39.           .then(function () {
  40.             let list = document.querySelector('.UserList__Data')
  41.             equal(list.rows.length, 2)
  42.             equal(list.rows[0].cells[0].innerHTML, 'Fred')
  43.             equal(list.rows[1].cells[0].innerHTML, 'Wilma')
  44.             done()
  45.           })
  46.       })
  47.     })

  49.     it('stub response for any matching request URL', function (done) {
  50.       // Match against an exact URL value
  51.       moxios.stubRequest('/say/hello', {
  52.         status: 200,
  53.         responseText: 'hello'
  54.       })

  56.       // Alternatively URL can be a RegExp
  57.       moxios.stubRequest(/say.*/, {/* … */})

  59.       let onFulfilled = sinon.spy()
  60.       axios.get('/say/hello').then(onFulfilled)

  62.       moxios.wait(function () {
  63.         equal(onFulfilled.getCall(0).args[0].data, 'hello')
  64.         done()
  65.       })
  66.     })

  68.   })

  70.   it('just for a single spec', function (done) {
  71.     moxios.withMock(function () {
  72.       let onFulfilled = sinon.spy()
  73.       axios.get('/users/12345').then(onFulfilled)

  75.       moxios.wait(function () {
  76.         let request = moxios.requests.mostRecent()
  77.         request.respondWith({
  78.           status: 200,
  79.           response: {
  80.             id: 12345, firstName: 'Fred', lastName: 'Flintstone'
  81.           }
  82.         })
  83.           .then(function () {
  84.             equal(onFulfilled.called, true)
  85.             done()
  86.           })
  87.       })
  88.     })
  89.   })

  91.   it('Should reject the request', function (done) {
  92.     const errorResp = {
  93.       status: 400,
  94.       response: { message: 'invalid data' }
  95.     }

  97.     moxios.wait(function () {
  98.       let request = moxios.requests.mostRecent()
  99.       request.reject(errorResp)
  100.     })
  101.       .catch(function (err) {
  102.         equal(err.status, errorResp.status)
  103.         equal(err.response.message, errorResp.response.message)
  104.         done()
  105.       })
  106.   })
  107. })
  108. ```

Mocking a axios.create() instance


  1. ``` js
  2. describe('some-thing', () => {
  3.   let axiosInstance;
  4.   beforeEach(() => {
  5.     axiosInstance = axios.create();
  6.     moxios.install(axiosInstance);
  7.   })
  8.   afterEach(() => {
  9.     moxios.uninstall(axiosInstance)
  10.   })
  11.   it('should axios a thing', (done) => {
  12.     moxios.stubRequest('http://www.somesite.com/awesome-url', {
  13.       status: 200,
  14.       responseText: '…'
  15.     })
  16.     axiosInstance.get('http://www.somesite.com/awesome-url')
  17.       .then(res => assert(res.status === 200))
  18.       .finally(done)
  19.   })
  20. })
  21. ```

Thanks


moxios is heavily inspired by jasmine-ajax

License


MIT