我最近发现了一个很棒的 ng-describe
通过抽象掉您必须记住/查找和编写的所有样板代码以加载、注入(inject)、模拟或监视,使为 AngularJS 应用程序编写单元测试变得非常透明的包。
有人试过将 ng-describe
与 protractor
一起使用吗?它有意义吗?我们可以从中受益吗?
引起我注意的一件事是您可以轻松地模拟 HTTP 响应:
ngDescribe({
inject: '$http', // for making test calls
http: {
get: {
'/my/url': 42, // status 200, data 42
'/my/other/url': [202, 42], // status 202, data 42,
'/my/smart/url': function (method, url, data, headers) {
return [500, 'something is wrong'];
} // status 500, data "something is wrong"
},
post: {
// same format as GET
}
},
tests: function (deps) {
it('responds', function (done) {
deps.$http.get('/my/other/url')
.then(function (response) {
// response.status = 202
// response.data = 42
done();
});
http.flush();
});
}
});
模拟 HTTP 响应通常有助于实现更好的 e2e 覆盖并测试 UI 如何对特定情况使用react以及错误处理如何工作。这是我们目前正在做的事情 protractor-http-mock
, 还有 other options这看起来不像使用 ng-describe
那样简单。
最佳答案
Protractor 主要用于 E2E 测试(使用 selenium webdriver),这意味着您需要连接一个实际的后端(它也可以是一个模拟后端)。正如 Protractor 的创造者所写的那样 here ,您的应用程序代码与测试代码分开运行,并且无法轻松访问 $http 服务。
通过模拟后端调用,即使您使用 Protractor 等 E2E 测试工具,您也不再进行 E2E 测试。为什么不回到单元测试呢。唯一的区别是您将使用 jQuery 而不是 Protractor API,并且测试将使用 Karma 运行。然后您可以轻松地使用 ng-describe 和 $httpBackend,它们主要用于单元测试。
但是,如果您想继续使用这种方法,可以查看此 Protractor issue 中的评论.有几个人正在为这个问题提出解决方案,并且如前所述,您已经在使用其中一个。但在这种情况下,ng-describe 对您帮助不大。
我希望这能回答您的问题。
关于javascript - 使用 ng-describe 与 Protractor 进行端到端测试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32323742/