時間の経過とともに変化するディレクティブにデータを渡すために、isolate スコープを使用するディレクティブがあります。その値の変更を監視し、変更ごとに何らかの計算を行います。ディレクティブを単体テストしようとすると、時計をトリガーできません (簡潔にするためにトリミングされていますが、基本的な概念は以下に示されています)。
指令:
angular.module('directives.file', [])
.directive('file', function() {
return {
restrict: 'E',
scope: {
data: '=',
filename: '@',
},
link: function(scope, element, attrs) {
console.log('in link');
var convertToCSV = function(newItem) { ... };
scope.$watch('data', function(newItem) {
console.log('in watch');
var csv_obj = convertToCSV(newItem);
var blob = new Blob([csv_obj], {type:'text/plain'});
var link = window.webkitURL.createObjectURL(blob);
element.html('<a href=' + link + ' download=' + attrs.filename +'>Export to CSV</a>');
}, true);
}
};
});
テスト:
describe('Unit: File export', function() {
var scope;
beforeEach(module('directives.file'));
beforeEach(inject(function ($rootScope, $compile) {
scope = $rootScope.$new();
};
it('should create a CSV', function() {
scope.input = someData;
var e = $compile('<file data="input" filename="filename.csv"></file>')(scope);
//I've also tried below but that does not help
scope.$apply(function() { scope.input = {}; });
});
「監視中」デバッグステートメントがトリガーされるように、監視をトリガーするにはどうすればよいですか? コンパイルすると、「リンク内」がトリガーされます。