函数的 React 测试用例

Question

我有下面的 construct-api-data.js 文件

import getSubmitData from './get-submit-data';
import getInitData from './get-init-data';

export default data => {
  switch (data.actionType) {
    case 'landing':
    case 'save':
       return getSubmitData(data);
    case 'getInitData':
       return getInitData(data);
    default:
       return {};
  }
};

对于上面的js文件，我在react-testing-library中写了下面的测试用例

import constructApiData from '../construct-api-data';

describe('constructApiData', () => {
  it('should return object when case is landing', () => {
    expect(
      typeof constructApiData({
        data: { test: 'test', actionType: 'landing' },
      }),
    ).toBe('object');
  });

  it('should return object when case is save', () => {
    expect(
      typeof constructApiData({
        data: { test: 'test', actionType: 'save' },
      }),
    ).toBe('object');
  });

  it('should return object when case is getInitData', () => {
    expect(
      typeof constructApiData({
        data: { test: 'test', actionType: 'getInitData' },
      }),
    ).toBe('object');
  });

  it('should return object when case is default', () => {
    expect(typeof constructApiData({})).toBe('object');
  });
}

即使在编写了这些测试用例之后，覆盖率报告仍然说我的测试覆盖率不完整。 js 文件中的以下行缺少覆盖范围

return getSubmitData(data);
return getInitData(data);

我在这里错过了什么？

Answer 1

问题是因为您传递给函数的数据不正确。试试下面的方法，

     it('should return object when case is save', () => {
        expect(
          typeof constructApiData({ test: 'test', actionType: 'save' })
        ).toBe('object');
      });

      it('should return object when case is getInitData', () => {
        expect(
          typeof constructApiData({ test: 'test', actionType: 'getInitData' })
        ).toBe('object');
      });

函数的 React 测试用例

React test case for a function

unit-testing

reactjs

jestjs

enzyme

react-testing-library