javascript - AngularJS - 使用 Jasmine 和 mixpanel 进行测试

Question

在我的 angularJS 应用程序中，我使用 MixPanel 通过我的 index.html 中的异步脚本获取分析

index.html

<script type="text/javascript">(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===e.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f);b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!== typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user".split(" ");for(g=0;g<i.length;g++)f(c,i[g]);
  b._i.push([a,e,d])};b.__SV=1.2}})(document,window.mixpanel||[]);
  mixpanel.init("@@mixPanelId");
</script>

我正在使用 Karma 和 Jasmine 编写测试。当我运行 karma:unit 时，出现以下错误:ReferenceError: mixpanel is not defined

这是因为我在我的一项服务中调用了 MixPanel:

mixpanel.register_once({
  BrowserVersion: "#{browserInfos.browser}-#{browserInfos.version}"
})

您是否知道如何包含 MixPanel 以避免此错误？

Answer 1

为了模拟混合面板，我创建了一个简单的模拟:

测试/模拟/mixpanel.coffee

class MixpanelMock
  track: () ->
    console.log("mixpanel.track", arguments)
  register_once: () ->
    console.log("mixpanel.register_once", arguments)

window.mixpanel = new MixpanelMock()

然后我将它添加到 karma.conf.js 中，一切正常。