У меня есть встроенная настраиваемая директива в шаблоне пользовательской директивы. Что-то вроде:
определение customDirective
<custom-directive></custom-directive>
customDirective.js
angular.module('example')
.directive('customDirective', function() {
return {
restrict: 'E',
replace: true,
transclude: true,
templateUrl: 'directives/customDirective.html'
link: function(scope, element, attrs) {}
};
});
Внутри 'директивы/customDirective.html
<div class="customDirective">
<!-- do a bunch of stuff-->
<!-- but wait, i have an image with a custom-fallback-src directive -->
<img src="image.jpg" custom-fallback-src='newImage.jpg' />
</div>
customFallbackSrc.js директива
angular.module('example')
.directive('customFallbackSrc', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
// if image throws an error, use fallback image
element.bind('error', function() {
attrs.$set('src', attrs.customFallbackSrc);
});
}
};
});
В рамках моего модульного теста для customDirective
, как я могу правильно скомпилировать директиву, чтобы включить любые вложенные директивы?
Если бы вы хотели получить полный охват, я считаю, что ваша лучшая стратегия будет заключаться в следующем:
customDirective
которые тестируют его основные функции. В примере это очень редко, поэтому, насколько это необходимо, я не уверен.customFallbackSrc
которые тестируют его основные функции. Основываясь на приведенном примере, вы должны тестировать два случая: