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文档的解释。

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

以下是对ngMockE2E模块中$ httpBackend的用途的解释。

ngMockE2E模块根本不是设计的，也不是在茉莉花规范中使用的。

在进行端对端测试时，有两方面进行测试。一个是被测试的角度应用，另一个是居住在茉莉花规范中的角度场景代码。

在E2E测试下，没有角度模块，或者是嘲笑，或者任何角度相关的东西(除了场景跑步者)的茉莉花边。

ngMocksE2E模块设计用于在实际角度应用程序正在执行的事务的“服务器”端。主要目的是使我们能够预先响应，以便集成级别的UI测试可以比每个页面实际到达JSON服务器的进程快得多。

当使用茉莉花与ng-mocks一起使用时，角度将始终用模拟后端替换$ httpBackend。当添加ngMocksE2E模块时，将无法获取任何“真实的”$ httpBackend，并且如您已经发现的那样，只需将该模拟包装并转发给它即可。

看来，您尝试编写的那种测试是一个不测试UI集成的测试，但测试应用程序的JavaScript和服务器集成。

这是完全合法的测试风格(在角度社区中被称为“中途测试”)。你的问题是使用错误的工具。

我会看看这个：

https://github.com/yearofmoo/ngMidwayTester

您将使用哪个，而不是角度模拟和angular.module()，以便于我假设您要做的那种测试。

(如果您已经链接到那里，抱歉)

编辑:(要解决有关的其他意见)

您有一个真正的牛肉，文档不清楚，ngMockE2E不能在端到端测试设置的客户端(即karma / jasmine)端使用。解释这样的解释是不合理的，但这并不意味着解释是错误的。

如果在应用程序的服务器端使用指令，那么ngMockE2E将会通过请求，而不是客户端。这意味着你仍然可以通过难以想像的预先的响应的某些请求。客户端和服务器端的意思是端到端测试有两个目的。您有要测试的应用程序是由标准应用程序服务器提供的，并且您具有驱动通常在Karma或另一个测试运行程序中执行的应用程序的测试代码，该测试程序使用标准HTTP请求与正在执行的应用程序进行通信另一个过程。

如果您查看文档以及如何设置ngMockE2E，您会注意到没有提到Jasmine，并且说明是如何在真正的角度应用程序中设置的：

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();
  //...
});

正如您在本示例中可以看到的，他们正在嘲笑所有的JSON数据指令，同时让它仍然从服务器获取模板。

为了使用它从茉莉花的设置将是完全不同的，使用angular.mock.module(‘ngMockE2E’)，然后在beforeEach()而不是在module.run()中设置$ httpBackend.whenGET() 。

至于ngMidwayTester我链接到了，我相信这实际上是与ngMockE2E兼容的。本质上，ngMidwayTester用它自己的实现替代了angular.mock.module()和inject()。所以你可以这样使用它：

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

这应该有效，因为您不再使用ngMock模块(当您使用angular.mock.module())时，它将始终包含在内。事情应该像你想要使用ngMidwayTester一样工作。

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

相关推荐