0

ここで説明されている基本的なガイドラインに従うhttps://www.npmjs.com/package/ng-mock-e2e

それでも、通常の REST 呼び出しが呼び出されています。

'use strict'

var HttpBackend = require('httpbackend');
var backend = null;
var Injector = require('./helpers/injector');
var ngMockE2E = require('ng-mock-e2e');
var $httpBackend = ngMockE2E.$httpBackend;

describe("Login", function () {

    var loginJsonStub,
        loginPage = require('./pageObjects/LoginPage.js');

    beforeEach(function () {

        browser.get('http://localhost:9001/#');

        var injector = new Injector();
        injector.get('loginJson').then(function (result) {
            loginJsonStub = result;
        })
    });

    beforeEach(function () {
        ngMockE2E.addMockModule();
        ngMockE2E.addAsDependencyForModule('myApp');
        ngMockE2E.embedScript('../../app/bower_components/angular-mocks/angular-mocks.js');
    });

    afterEach(function () {
        ngMockE2E.clearMockModules();
    });

    describe("Routing", function () {

        it('should redirect to answerset page immediately if only 1 project', function () {

            $httpBackend.when('POST', '/authentication/login').respond({data: 123});

            element(by.id('userName')).sendKeys('xx\\svijver');
            element(by.id('passWord')).sendKeys('password');

            //browser.pause();

            loginPage.nextButton.click();

            browser.getLocationAbsUrl();
            expect(browser.getCurrentUrl()).toContain('answersets/1');
            expect(browser.getCurrentUrl()).toBe('answersets/1');

            browser.pause();

        });
    });
});

これはそれほど難しいことではありません。誰かが私が見落としていることを指摘できますか? httpBackend をモックするために、他のいくつかのサードパーティ ベンダーを試しましたが、うまくいきませんでした。たぶん、実際のアプリでの最初の $http 呼び出しは、モックされたものを無効にしていますか?

- 編集 -

Angular doc によると、ngMockE2e 依存関係をメイン アプリに追加すると、angular.module('qApp', ['...', '...', '...', 'ngMockE2E']);あらゆる種類の奇妙なエラーが発生します。

エラー: 予期しない要求: GET http://qubus7.test.kmsgroep.com/api/localizations/en2 $httpBackend (angular-mocks.js:1263) で期待されるこれ以上の要求はありません

Uncaught SyntaxError: Unexpected identifier
angular.js:78 Uncaught Error: [$injector:nomod] Module 'qubusApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

         http://errors.angularjs.org/1.2.26/$injector/nomod?p0=qubusApp(anonymous function) @ angular.js:78(anonymous function) @ angular.js:1677ensure @ angular.js:1601module @ angular.js:1675(anonymous function) @ MainController.js:4
angular.js:78 Uncaught Error: [$injector:nomod] Module 'qbs.models' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
    http://errors.angularjs.org/1.2.26/$injector/nomod?    p0=qbs.models(anonymous function) @ angular.js:78(anonymous function) @ angular.js:1677ensure @ angular.js:1601module @ angular.js:1675(anonymous function) @ loginModel.js:3

angular.js:78 Uncaught Error: [$injector:nomod] Module 'qbs.models' is not   available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

そして、Protractor を実行しているときに、UI 要素への参照が突然表示されるようになりました。

4

1 に答える 1

0

まず第一に、ng-mock-e2e の古いスタンドアロン バージョンを使用しているようです。angular の angular-mocksのバージョンを使用する必要があります: https://docs.angularjs.org/api/ngMockE2E

プロジェクトに angular-mocks を含めたら、テスト ファイルに以下を追加できます。

beforeEach(function () {
    // choose a unique name for your mock-module, like httpMocker
    browser.addMockModule('httpMocker', function () {
        angular.module('httpMocker', ['ngMockE2E'])
            .run(function ($httpBackend) {
                // define your routes
            });
        );
    });
});
于 2017-02-09T09:29:44.983 に答える