我有一堆进展顺利的单元测试,我已经开始将 Protractor E2E 测试添加到我的项目中。我在测试页面上的交互元素方面做得很好,但在测试从浏览器发送出去的某些数据时遇到了问题。
例如,我想查看单击某个按钮是否会向某个端点生成 POST
。
我使用以下方法设置了 Protractor :
/*globals global*/
module.exports = function() {
'use strict';
var chai = require('chai')
, promised = require('chai-as-promised');
global.expect = chai.expect;
chai.use(promised);
}();
我了解如何使用 Protractor 进行交互:
it('send data to the "log" endpoint when clicked', function() {
var repeater = element.all(by.repeater('finding in data.items'));
repeater.get(0).click().then(function() {
// $http expectation
});
});
但是,我不知道如何在 Protractor 中设置 $httpBackend
以便我可以捕获作为 .click()
结果发送的数据事件。我需要额外的模块吗?
在 Karma/Mocha 中我会简单地:
beforeEach(module('exampleApp'));
describe('logging service', function() {
var $httpPostSpy, LoggingService;
beforeEach(inject(function(_logging_, $http, $httpBackend) {
$httpPostSpy = sinon.spy($http, 'post');
LoggingService = _logging_;
backend = $httpBackend;
backend.when('POST', '/api/log').respond(200);
}));
it('should send data to $http.post', function() [
LoggingService.sendLog({ message: 'logged!'});
backend.flush();
expect($httpPostSpy.args[0][1]).to.have.property('message');
});
});
但我不知道如何在 Protractor 中获取对 $httpBackend
和 inject
模块的引用。
最佳答案
端到端测试是关于以类似于最终用户的方式测试代码的方式。因此,验证是否发出远程请求应该根据可见结果进行验证,例如数据加载到 div 或网格中。
不过如果你想验证远程请求是否已经发出,你可以使用 ngMockE2E
模块创建一个模拟后端设置,它包含一个模拟 $htpBackend
类似于一个在 ngMock
中。
查看有关$httpBackend
的文档https://docs.angularjs.org/api/ngMockE2E/service/ $http后端
关于javascript - 在 Protractor/E2E 测试中访问 $http 数据 (AngularJS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29359912/