Javascript 如何测试此组件/模板？：）

我正在寻找有关AngularJS（和nvd3）UnitTest的问题的任何帮助

事实上，当我试图制作图表时，我犯了一个错误。 这就像

$ctrl.data

和

$ctrl.options

完全是空的

我不明白问题出在哪里，我一整天都在试图解开它，但没有成功

如果有人知道问题出在哪里，我会提前表示感谢

守则：

mycop.comp.js：

angular.module('myMod')
        .component('myComp', {
            template: '<div><nvd3 options="$ctrl.options" data="$ctrl.wrapped"></nvd3></div>',
            bindings: {
                data: '<',
                zoom: '<'
            },
            controller: myCtrl
        })

myCtrl.$inject = ['$scope']
function myCtrl($scope) {
    //Here I set wrapped with data
    //and set the options for nvd3
}

angular.module（'myMod'）
.component（'myComp'{
模板：“”，
绑定：{
数据：''；
elmt=$compile（elmt）（$scope）；
$scope.$apply（）；
}));
它（“测试”，功能（）{
期望（1），期望（1）；
});
});

因果报应/茉莉花：

Chrome 53.0.2785 (Mac OS X 10.12.0) component: myComp test FAILED
    TypeError: Cannot read property 'ordinal' of undefined
        at Object.nv.models.multiBarHorizontal (bower_components/nvd3/build/nv.d3.js:8823:23)
        at Object.nv.models.multiBarHorizontalChart (bower_components/nvd3/build/nv.d3.js:9180:30)
        at Object.updateWithOptions (bower_components/angular-nvd3/dist/angular-nvd3.js:106:72)
        at Object.refresh (bower_components/angular-nvd3/dist/angular-nvd3.js:53:39)
        at bower_components/angular-nvd3/dist/angular-nvd3.js:449:68
        at bower_components/angular-nvd3/dist/angular-nvd3.js:517:43
        at Scope.$digest (bower_components/angular/angular.js:17524:23)
        at Scope.$apply (bower_components/angular/angular.js:17790:24)
        at Object.<anonymous> (ml.report/variableImportances/variableImportances.spec.js:38:9)
        at Object.invoke (bower_components/angular/angular.js:4718:19)
    Error: Declaration Location
        at window.inject.angular.mock.inject (bower_components/angular-mocks/angular-mocks.js:3047:25)
        at Suite.<anonymous> (myComp.comp.js:'XX':'XX')
        at myComp.spec.js:'XX':'XX'
        at myComp.spec.js:'XX':'XX'
        /* I have put 'XX' in place of the real lines / col

chrome53.0.2785（macosx10.12.0）组件：mycop测试失败
TypeError:无法读取未定义的属性“ordinal”
位于Object.nv.models.multiBarHorizontal（bower_components/nvd3/build/nv.d3.js:8823:23）
在Object.nv.models.multiBarHorizontalChart（鲍尔_components/nvd3/build/nv.d3.js:9180:30）
在Object.updateWithOptions（bower_components/angular-nvd3/dist/angular-nvd3.js:106:72）
at Object.refresh（bower_components/angular-nvd3/dist/angular-nvd3.js:53:39）
位于bower_components/angular-nvd3/dist/angular-nvd3.js:449:68
位于bower_components/angular-nvd3/dist/angular-nvd3.js:517:43
范围：$digest（bower_components/angular/angular.js:17524:23）
范围$apply（bower_components/angular/angular.js:17790:24）
反对。（ml.report/variableImportances/variableImportances.spec.js:38:9）
在Object.invoke（bower_components/angular/angular.js:4718:19）
错误：声明位置
在window.inject.angular.mock.inject（bower_组件/angular mock/angular mock.js:3047:25）
在套房。（myComp.comp.js:'XX'：'XX'）
在myComp.spec.js:'XX'：'XX'
在myComp.spec.js:'XX'：'XX'
/*我已将“XX”替换为实际行/列

你错过了开场白

你错过了开场白

Chrome 53.0.2785 (Mac OS X 10.12.0) component: myComp test FAILED
    TypeError: Cannot read property 'ordinal' of undefined
        at Object.nv.models.multiBarHorizontal (bower_components/nvd3/build/nv.d3.js:8823:23)
        at Object.nv.models.multiBarHorizontalChart (bower_components/nvd3/build/nv.d3.js:9180:30)
        at Object.updateWithOptions (bower_components/angular-nvd3/dist/angular-nvd3.js:106:72)
        at Object.refresh (bower_components/angular-nvd3/dist/angular-nvd3.js:53:39)
        at bower_components/angular-nvd3/dist/angular-nvd3.js:449:68
        at bower_components/angular-nvd3/dist/angular-nvd3.js:517:43
        at Scope.$digest (bower_components/angular/angular.js:17524:23)
        at Scope.$apply (bower_components/angular/angular.js:17790:24)
        at Object.<anonymous> (ml.report/variableImportances/variableImportances.spec.js:38:9)
        at Object.invoke (bower_components/angular/angular.js:4718:19)
    Error: Declaration Location
        at window.inject.angular.mock.inject (bower_components/angular-mocks/angular-mocks.js:3047:25)
        at Suite.<anonymous> (myComp.comp.js:'XX':'XX')
        at myComp.spec.js:'XX':'XX'
        at myComp.spec.js:'XX':'XX'
        /* I have put 'XX' in place of the real lines / col

$ctrl = $componentController('myComp', $scope, $bindings);

$scope.zoom = true;
$scope.data = [ /*DATA SAMPLE HERE*/ ];
elmt = angular.element('<my-comp data="data" zoom="zoom"></my-comp>');
elmt = $compile(elmt)($scope);

$scope.$apply();
$ctrl = elmt.controller('myComp');