微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

用玩笑测试 react-map-gl 和 react 测试库超时

如何解决用玩笑测试 react-map-gl 和 react 测试库超时

我目前正在尝试测试一个用第三方库包装的组件,它是 react-map-gl 标记

它不断抛出错误,如项目未定义。所以我查看了 react-map-gl 代码

让 [x,y] = this._context.viewport.project([longitude,latitude]);

然后,我去看看 react-map-gl 是如何测试自己的东西的。然后,我试图模仿他们的做法。 但无论我投入多少时间,它都只是超时。我错过了什么吗?

import {_MapContext as MapContext} from 'react-map-gl'
import WebMercatorViewport from 'viewport-mercator-project'

const mockStaticContext = {
  viewport: new WebMercatorViewport({
    width: 800,height: 600,longitude: -122.58,latitude: 37.74,zoom: 14
  })
};
const mockInteractiveContext = Object.assign({},mockStaticContext,{
  eventManager: {
    on: sinon.spy(),off: sinon.spy(),watch: sinon.spy()
  }
})
describe('<ListingMarker />',() => {

  it('should not explode',async (t) => {

    render(
      <MapContext.Provider value={mockInteractiveContext}>
        <AppMarker cluster={marker} />
      </MapContext.Provider>
    )
  },30000)


})

我试图按照他们的测试方式进行。 https://github.com/visgl/react-map-gl/blob/master/test/src/components/marker.spec.js

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。