这篇博文讨论了 Protractor 的高级使用场景。特别是它涵盖addMockModule()了量角器浏览器对象的鲜为人知的 方法。该方法允许您在 Protractor 中创建角度module（即 API module的模拟或存根）并将它们上传到浏览器以替换给定规范或规范集上下文中的实际实现。

您无法从量角器测试中访问 $httpBackend、控制器或服务，因此我们的想法是创建另一个 angular module并在测试期间将其包含在浏览器中。

  beforeEach(function(){
    var httpBackendMock = function() {
      angular.module('httpBackendMock', ['ngMockE2E', 'myApp'])
        .run(function($httpBackend) {
          $httpBackend.whenPOST('/api/packages').respond(200, {} );
        })
    }
    browser.addMockModule('httpBackendMock', httpBackendMock)
  })

ngMockE2E 允许你为你的应用程序创建一个假的后端实现。这是关于该主题的更深入的帖子http://product.moveline.com/testing-angular-apps-end-to-end-with-protractor.html

虽然目前我还没有亲自尝试过，但 Angular 为 E2E 测试提供了一个模拟 $httpBackend：

http://docs.angularjs.org/api/ngMockE2E/service/$httpBackend

因此，从上面的文档页面中，我怀疑您可以在测试之前使用以下内容

beforeEach(function() {
  $httpBackend.whenGET('/remote-url').respond(edgeCaseData);
});

我创建了一个可自定义的模拟module来帮助我处理成功和错误的情况，也许它会帮助您更好地组织模拟。

https://github.com/unDemian/protractor-mock

我一直在尝试模拟量角器中的一些服务，在查看了一些博客之后，我找到了一个适合我的解决方案。这个想法不是做大量的模拟，只是产生一些错误响应；因为对于装置，我的 API 服务器中已经有一个后门来填充后端。

此解决方案使用$provide.decorator()来更改某些方法。以下是它在测试中的使用方式：

it('should mock a service', function () {
    app.mock.decorateService({
        // This will return a rejected promise when calling to "user"
        // service "login()" method resolved with the given object.
        // rejectPromise() is a convenience method
        user: app.mock.rejectPromise('login', { type: 'MockError' }),

        // You can decorate the service
        // Warning! This code get's stringified and send to the browser
        // it does not have access to node
        api: function ($delegate, $q) {
            $delegate.get = function () {
                var deferred = $q.defer();

                deferred.resolve({ id: 'whatever', name: 'tess' });

                return defer.promise;
            };

            return $delegate;
        },

        // Internally decorateService converts the function to string
        // so if you prefer you can set an string. Usefull for creating your
        // own helper methods like "rejectPromise()".
        dialog: [
            "function ($delegate, $window) {",
                "$delegate.alert = $window.alert;",
                "return $delegate;",
            "}"
        ].join('\n')
    });

    // ...

    // Important!
    app.mock.clearDecorators();
});

这里的代码：

App.prototype.mock = {
    // This must be called before ".get()"
    decorateService: function (services) {
        var code = [
            'var decorer = angular.module("serviceDecorator", ["visitaste"]);',
            'decorer.config(function ($provide) {'
        ];

        for (var service in services) {
            var fn = services[service];

            if (_.isFunction(fn)) {
                code.push('$provide.decorator("'+ service +'", '+ String(fn) +');');
            } else if (_.isString(fn)) {
                code.push('$provide.decorator("'+ service +'", '+ fn +');');
            }
        }

        code.push('});');

        browser.addMockModule('serviceDecorator', code.join('\n'));
    },
    clearDecorators: function () {
        browser.clearMockModules();
    },
    rejectPromise: function (method, error, delay) {
        return [
            'function ($delegate, $q) {',
                '$delegate.'+ method +' = function () {',
                    'var deferred = $q.defer();',
                    '',
                    'setTimeout(function () {',
                        'deferred.reject('+ JSON.stringify(error) +');',
                    '}, '+ (delay || 200) +');',
                    '',
                    'return deferred.promise;',
                '};',
                '',
                'return $delegate;',
            '}'
        ].join('\n');
    }
};