Axios.all 和 Axios.spread 的开玩笑测试

Question

我正在努力为以下方法编写 JEST 测试用例

getStudentList (studentList:}[]) {

    if (studentList.length < 1) {
      Promise.resolve()
    }
    let promises = []
    for (const student of StudentList) {
      if (!student.name) {
        Promise.resolve()
      }
      var url = `${API_URL}/${student.name}/`

      promises.push(Axios.get(url}))
    }

    return Axios.all(promises)
      .then(Axios.spread((...args) => {
        // customise the response here
        return args
          .map(response => response.data)
          .map(data => {
            //do something with data
            return data
          })
      }))

它使用 axios.all 和 axios.spread 来取回数据..我已经为 Axios.get 编写了简单的测试用例..但是如何为此编写测试用例？这个方法是在一个服务中的一个vue项目中class

Answer 1

这是一个简短的示例，说明如何为上面的代码编写您的期望值（覆盖率为 100%）：

import myService from './myService';
import Axios from 'axios';

jest.mock('axios');

global.API_URL = 'http://example.com/mock_api';

describe('myService', () => {
  describe('getStudentList', () => {
    describe('without students in the list', () => {
      it('should result undefined', () => {
        const result = myService.getStudentList();
        expect(result).resolves.toEqual( undefined );
      });
    });

    describe('with students in the list', () => {
      const mockStudentList = [{
        name: 'student1',
      }, {
        someProp: 'some value',
      }, {
        name: 'student3',
      }];

      const results = [];
      const mockAxiosSpreadResult = jest.fn();

      beforeAll(() => {
        Axios.get.mockClear();
        Axios.all.mockResolvedValue(results);
        Axios.spread.mockReturnValue(mockAxiosSpreadResult);
        myService.getStudentList( mockStudentList );
      });

      it('should call Axios.get once for each student with name', () => {
        expect(Axios.get).toHaveBeenCalledWith(`${API_URL}/student1/`);
        expect(Axios.get).toHaveBeenCalledWith(`${API_URL}/student3/`);
      });

      it('should call Axios.spread with a callback', () => {
        expect(Axios.spread).toHaveBeenCalledWith(expect.any(Function));
      });

      it('should call the result of Axios.spread with the resolved value of Axios.all', () => {
        expect(mockAxiosSpreadResult).toHaveBeenCalledWith(results);
      });

      describe('Axios.spread callback', () => {
        let callback;
        beforeAll(() => {
          callback = Axios.spread.mock.calls[0][0];
        });

        describe('called with parameters', () => {
          let result;
          beforeAll(() => {
            result = callback({
              data: 1
            },{
              data: 2
            },{
              data: 3
            },{
              data: 4
            });
          });

          it('should do something with the data', () => {
            expect(result).toEqual([1,2,3,4]);
          });
        });
      });
    });
  });
});

working example

Axios.all 和 Axios.spread 的开玩笑测试

jest tests for Axios.all and Axios.spread

vue.js

jestjs

axios