作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有以下组件:
angular.module('foo')
.component('searchInput', {
bindings: {
text: "<query"
},
templateUrl: 'components/searchInput/searchInput.html',
controller: 'SearchInputCtrl'
});
要通过以下内容:
expect(component.text).toBe('bar');
我必须使用以下代码:
var component = $componentController('searchInput',
{$scope: {}},
{
text: 'bar'
}
);
但是,我想测试绑定(bind)到“文本”的值是否源自“查询”。这不起作用:
var component = $componentController('searchInput',
{$scope: {}},
{
query: 'bar'
}
);
最佳答案
您可以通过编译组件来测试此类事情。例如
inject(function($compile, $rootScope) {
var parentScope = $rootScope.$new();
parentScope.myVar = 'test';
var element = angular.element('<search-input query="myVar"></search-input>');
var compiledElement = $compile(element)(parentScope);
parentScope.$digest();
var scope = compiledElement.isolateScope();
expect(scope.$ctrl.text).toBe('test');
});
关于angularjs - 如何在 Angular 1.5 组件中对具有不同名称的绑定(bind)进行单元测试?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36431408/
我是一名优秀的程序员,十分优秀!