angularjs – E2E mock $httpBackend实际上并没有透过我

虽然我相信我正在跟随 instructions here设置$ httpBackend将选定的请求传递给服务器，但这对我来说并不适用。

Here is a Plunkr with a failing test显示了我在做什么，并在评论中解释似乎出了问题。

我的推理表明，由于某种原因，模拟$ httpBackend没有真正的$ httpBackend的内部副本，所以当它通过XHR请求的时候，它将它传递给mock $ httpBackend。第二个调用引发异常，因为它不知道该怎么处理该请求。

对dtabuenc的回应

我记得欣赏你在中期测试的职位。您可以确定在单元测试和E2E测试之间的一个重要的集成测试范围。我正站在那个中间地带。

我根本不觉得你很猥琐你的答案是完美的合理的，或者如果它与“API reference / ngMockE2E / $httpBackend”的文本没有矛盾是合理的。我引用：

This implementation can be used to respond with static or dynamic responses via the when api and its shortcuts (whenGET,whenPOST,etc) and optionally pass through requests to the real $httpBackend for specific requests (e.g. to interact with certain remote apis or to fetch templates from a webserver) …

[I]n an end-to-end testing scenario or in a scenario when an application is being developed with the real backend api replaced with a mock,it is often desirable for certain category of requests to bypass the mock and issue a real http request …. To configure the backend with this behavior use the passthrough request handler of when instead of respond.[emphasis mine].

关于在茉莉花环境中的E2E $ httpBackend使用情况的文件，文档没有提及。我不能想到有理由排除它。如果有这样的理由，他们应该说清楚。认真地，谁读了一个模拟组件，并不预期在测试环境中使用它？

要将特定请求的请求传递给真正的$ httpBackend，例如与某些远程apis进行交互“正是我打算做的。除了该组件的非模拟版本外，“真实$ httpBackend”可能意味着什么？

我不明白你的说法

The ngMocksE2E module is designed to be used on the “server” side of things where the actual angular application is executing.

“服务器”一词在该页面上恰好出现3次，而不是一次表明任何应用程序代码将在“服务器”上执行。我不知道在“服务器端”上执行的“实际角度应用程序”是什么意思。

文档很清楚，E2E $ httpBackend不限于E2E测试。它也是“一个应用程序正在开发的场景，真正的后端api被替换为模拟”。

距离我的场景只有一步之遥，在场景中，应用程序正在使用真正的后端api进行测试。“

在我的场景中，SUT正在调用从服务器获取数据的组件。我的测试存在，以验证这个依赖组件是否成功地提出了真正后台的请求，并且将以预期的方式检索或保存数据。这是一个集成测试，通过嘲笑后端的行为无法充分满足。

Of course I can test (and do test) with mock XHR responses the component’s ability to respond properly to what I predict will be the backend’s behavior. That is not the same as validating that the component responds appropriately to the actual backend’s behavior … which might change as the application evolves and depart from the mocked responses in some significant way.

如果我理解如何将其交换到SUT的代码路径中，我会考虑使用您的中途测试仪。我不。我认为，您的ngMidwayTester无法访问构成XHR请求的组件。但是，如果我必须，我知道如何将一个真正的XHR帮手堵塞在管道中。

这是我现在所在的地方。

有人可以展示如何使$ httpBackend将某些请求传递到服务器 – 如文档所声明的那样，或者我将用自己的XHR实现来替换passthrough实现。

我更喜欢第一个选择。如果驱动到第二个，我将在这里提供一个链接，以便他人分享我的需求和我对api文档的解释。

有没有我失踪的第三种方式？

myAppDev = angular.module('myAppDev',['myApp','ngMockE2E']);
myAppDev.run(function($httpBackend) {
  phones = [{name: 'phone1'},{name: 'phone2'}];

  // returns the current list of phones
  $httpBackend.whenGET('/phones').respond(phones);

  // adds a new phone to the phones array
  $httpBackend.whenPOST('/phones').respond(function(method,url,data) {
    phones.push(angular.fromJson(data));
  });
  $httpBackend.whenGET(/^\/templates\//).passthrough();
  //...
});

beforeEach(function(){
  tester = ngMidwayTester('app','ngMockE2E');
  $http = tester.inject('$http');
  $httpBackend = tester.inject('$httpBackend');
  $rootScope = tester.inject('$rootScope');
});