如何使用玩笑在回调中获取代码覆盖率？

Question

我在代码覆盖方面遇到了问题，无法解决。我正在使用 google 地理编码 API 来查询在回调函数中返回响应的坐标。 Jest 用于测试。

这是带回调的可测试调用：

const geocoder = new google.maps.Geocoder();
geocoder.geocode({address: address}, (results, status) => {
  // want to get coverage in this block
  // expected test results are OK and logging shows right results
});

这是测试。因为测试的时候默认google.maps不可用，所以找到了这样的解决方案：

it('test', () => {
  const constructorSpy = spyOn(google.maps, 'Geocoder');
  const geocoder = createSpyObj('Geocoder', ['geocode']);
  constructorSpy.and.returnValue(geocoder);
  geocoder.geocode = jest.fn((adr, callback) => callback(response, 'OK'));
  // expected results that are all OK
});

createSpyObj :

const createSpyObj = (baseName, methodNames): { [key: string]: Mock<any> } => {
  let obj: any = {};
  for (let i = 0; i < methodNames.length; i++) {
    obj[methodNames[i]] = jest.fn();
  }
  return obj;
};

而google.maps定义在setupTests.js中。不测试时，google.maps 在 react 加载 google map

时可用

window.google = {
  maps: {
    Geocoder: {},
    GeocoderStatus: {
      OK: 'OK'
    }
  }
};

有什么我可以尝试或研究的想法吗？只有覆盖是问题，预期结果很好。

Answer 1

代码覆盖率实际上已经在此实现中正常工作。问题是我没有在只有 'if' 子句的 'if' 子句中访问 'else' 语句。

也可以不监视，但定义为属性和运行你的测试：

it('test', () => {
  Object.defineProperty(google, 'maps', {
    value: {
      Geocoder: function () {
        return {
          geocode: jest.fn((adr, callback) => callback(response, 'OK'))
        }
      }
    }
  });
  // expect..
});

如何使用玩笑在回调中获取代码覆盖率？

How to get code coverage inside a callback using jest?

callback

google-maps-api-3

google-geocoder

reactjs

jestjs