在指令和单元测试套件中使用原生javascript插件

我有一个原生javascript插件，它被包装在一个指令中，并以angular的方式使用。

几行指令，

export default function () {
'use strict';
return {
    restrict: 'E',
    scope: {
        map: '=',
        options: '='
    },
    replace: true,
    template: '<div id="map" class="leaflet-map"></div>'
    link: function(scope, element, attrs) {
        //This code of native js class that 
        //is injecting svg inside given template
        scope.map = new MP.Map(scope.options);       
    }
  };
}

<mp-map options="opt" map="mapOpt"></mp-map>

<div id="map"><svg>.. nodes of map .. </svg></div>

首先，我试图访问mapOpt(即Mp的实例。在init上映射或绑定原生js类(在指令的link方法中)，但无法获得MP的实例。在angular控制器中映射。然后我尝试使用$timeout(没有任何异步数据)，所以它工作了。

其次，我为指令写了一个单元测试，以确保<mp-map>被指令的模板取代。但是它会抛出错误"Map container not found"(即本机代码抛出的错误)。

看来，我定义指令的第一步是错误的。

向盎格鲁人寻求帮助。

我希望能及时得到帮助。

谢谢。

EDIT:几行MP类(自定义类)

FP.Map = L.Class.extend({
  options: {
              container: 'map',
              .....
           },
  ....
  // Map options
  this.options.map = L.extend(this.options.map, options.map);
  this.map = L.map(this.container, this.options.map);
})