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”的文本没有矛盾是合理的。我引用:
关于在茉莉花环境中的E2E $ httpBackend使用情况的文件,文档没有提及。我不能想到有理由排除它。如果有这样的理由,他们应该说清楚。认真地,谁读了一个模拟组件,并不预期在测试环境中使用它? 要将特定请求的请求传递给真正的$ httpBackend,例如与某些远程apis进行交互“正是我打算做的。除了该组件的非模拟版本外,“真实$ httpBackend”可能意味着什么? 我不明白你的说法
“服务器”一词在该页面上恰好出现3次,而不是一次表明任何应用程序代码将在“服务器”上执行。我不知道在“服务器端”上执行的“实际角度应用程序”是什么意思。 文档很清楚,E2E $ httpBackend不限于E2E测试。它也是“一个应用程序正在开发的场景,真正的后端api被替换为模拟”。 距离我的场景只有一步之遥,在场景中,应用程序正在使用真正的后端api进行测试。“ 在我的场景中,SUT正在调用从服务器获取数据的组件。我的测试存在,以验证这个依赖组件是否成功地提出了真正后台的请求,并且将以预期的方式检索或保存数据。这是一个集成测试,通过嘲笑后端的行为无法充分满足。
如果我理解如何将其交换到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(),以便于我假设您要做的那种测试。 您可以在这里阅读更多: http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-karma.html (如果您已经链接到那里,抱歉) 编辑:(要解决有关的其他意见) 您有一个真正的牛肉,文档不清楚,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一样工作。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |