使用 'addMockModule' 在一个测试中添加多个模拟模块

Question

我正在使用量角器使用以下模式在 Angular 网站上模拟一些端点：

// mock.js
// adding the mock module and passing it data
Mock.prototype.all = {
    default: function() {
      browser.addMockModule('httpBackendMock', mockModules.all, {
        data: data
      })
    }
}

// mockmodules.js
// add dependencies to module and inject it
exports.all = function() {

    $httpBackend.whenGET(/user/).respond(function() {
        return [200, data.mockData.data];
    });    

    $httpBackend.whenGET(/.*/).passThrough();
    $httpBackend.whenPOST(/.*/).passThrough();

    angular.module('httpBackendMock' ['ngMockE2E', 'sportsbook-app'])
        .value('data', {
            'mockData': arguments[0],
            'count': 0
        })
        .run(runBlock);
        runBlock.$inject = ['$httpBackend', 'data', 'eventDataSourceManager'];  
}

// test-spec.js
// call mock from test
it("Mock", function() {

    mock.all.default();
});

现在这工作正常，但我希望能够通过让多个模块都发送不同数据来添加更多模块。示例：

Mock.prototype.all = {
    default: function() {
      browser.addMockModule('httpBackendMock', mockModules.allDefault, {
        data: data
      })
    },
    user: function() {
      browser.addMockModule('user', mockModules.allUser, {
        userData: userData
      })
    }
}

it("Mock", function() {

    mock.all.default();
    mock.all.user();
});

像这样，none 个模拟似乎在工作。

同样在 selenium 服务器中，我可以看到找到了两个模块的名称：

Executing: [execute script: angular.resumeBootstrap(arguments[0]);, [[protractorBaseModule_, httpBackendMock, user]]])

起初我以为问题出在

$httpBackend.whenGET(/.*/).passThrough();
$httpBackend.whenPOST(/.*/).passThrough();

尝试将它添加到一个单独的模块并在调用所有其他模块后调用它，但仍然没有用。有什么想法吗？

Answer 1

这是按预期工作的，因为您的两个模拟模块都使用相同的模块名称标识符 httpBackendMock。您可以使用唯一的名称，这样最新的模块就不会覆盖其他模块。

使用 'addMockModule' 在一个测试中添加多个模拟模块

Add multiple mock modules in one test with 'addMockModule'

angularjs

protractor

httpbackend

ngmocke2e