0
我写了一个指令“XXX”,它有一个浏览器和Jasmine测试框架不同的行为:相同的代码,但不同的行为AngularJS指令
someapp.directive('xxx', function() {
return {
restrict: 'AE',
replace: true,
scope: {
x: '=xxx'
},
template: '<div>Hello World {{x}}</div>',
link: function (scope, element, attrs) {
}
};
});
对于浏览器:
<body ng-controller="MainCtrl">
<div xxx="name"></div>
</body>
someapp.controller('MainCtrl', function($scope) {
$scope.name = 'Test';
});
它将在浏览器的屏幕上显示“Hello World Test”。 如果在链接功能,我添加一行:
global_var = element;
,并添加HTML的一行
<button onclick="javascript:alert(global_var.text());">Test</button>
它也将弹出警告对话框中显示文本“Hello World测试”。
然而,茉莉花测试框架:
beforeEach(module('someapp'));
var element,
scope;
beforeEach(inject(function ($rootScope) {
scope = $rootScope.$new();
scope.name = 'Test';
}));
it('should expand "x"', inject(function ($compile) {
element = angular.element('<div xxx="name"></div>');
element = $compile(element)(scope);
expect(element.text()).toBe('Hello World Test');
}));
它会报告错误:预期的 “Hello World {{X}}” 是的 “Hello World测试”
有谁知道为什么吗?谢谢。