html 中单元测试,单元测试 – 单位测试$sce.trustAsHtml的输出

我在Angular写一个REST应用程序，我想为它编写单元测试(当然！)。我有一个控制器，从json的REST服务中获取博客帖子列表，并将摘要放入$ scope中，因此我可以在视图中显示它们。

起初，博客文章刚刚显示为文本，即< p>博客正文< / p>，而不是渲染为解析的HTML，直到我发现您可以使用ng-bind-html与$sce service结合使用。正确显示博文。

单元测试时出现问题。我试图用一些HTML模拟一个json响应，然后测试我的控制器正确处理HTML。这是我的代码：

调节器

.controller( 'HomeCtrl', function HomeController( $scope, $http, $sce ) {

$scope.posts = {};

$http.get('../drupal/node.json').success(function (data) {

var posts;

posts = data.list;

for(var i = 0; i < posts.length; i ++) {

posts[i].previewText = $sce.trustAsHtml(posts[i].body.summary);

posts[i].created = posts[i].created + '000'; // add milliseconds so it can be properly formatted

}

$scope.posts = posts;

});

})

单元测试

describe('HomeCtrl', function() {

var $httpBackend, $rootScope, $sce, createController;

beforeEach(inject(function ($injector) {

// Set up the mock http service responses

$httpBackend = $injector.get('$httpBackend');

// Get hold of a scope (i.e. the root scope)

$rootScope = $injector.get('$rootScope');

// The $controller service is used to create instances of controllers

var $controller = $injector.get('$controller');

$sce = $injector.get('$sce');

createController = function() {

return $controller('HomeCtrl', {

'$scope': $rootScope

});

};

}));

it('should get a list of blog posts', function() {

var rawResponse = {

"list": [

{

"body": {

"value": "\u003Cp\u003EPost body.\u003C\/p\u003E\n",

"summary": "\u003Cp\u003ESummary.\u003C\/p\u003E\n"

},

"created": "1388415860"

}

]};

var processedResponse = [{

"body": {

"value": "\u003Cp\u003EPost body.\u003C\/p\u003E\n",

"summary": "\u003Cp\u003ESummary.\u003C\/p\u003E\n"

},

"created": "1388415860000",

previewText: $sce.trustAsHtml("\u003Cp\u003ESummary.\u003C\/p\u003E\n")

}];

$httpBackend.when('GET', '../drupal/node.json').respond(rawResponse);

$httpBackend.expectGET("../drupal/node.json").respond(rawResponse);

var homeCtrl = createController();

expect(homeCtrl).toBeTruthy();

$httpBackend.flush();

expect($rootScope.posts).toEqual(processedResponse);

});

});

当我通过Karma测试赛跑者运行上述时，我得到以下回应：

Chrome 31.0.1650 (Windows) home section HomeCtrl should get a list of blog posts FAILED

Expected [ { body : { value : '

Post body.

', summary : '

Summary.

' }, created : '1388415860000', previewText : { $$unwrapTrustedValue : Function } } ] to equal [ { body

: { value : '

Post body.

', summary : '

Summary.

' }, created : '1388415860000', previewText : { $$unwrapTrustedValue : Function } } ].

我怀疑这个问题是由于$ sce.trustAsHtml返回一个包含一个函数的对象，而不是一个字符串。

我的问题是，首先我正是以正确的方式来解决这个问题？

其次，如果是这样，我该怎么去测试$ sce.trustAsHtml的输出呢？