Модульный тест $mdDialog угловой материал

Я вызвал один $mdDialog внутри функции. Я хочу выполнить модульное тестирование $mdDialog и отменить дела.

Ниже приведен код моего контроллера (app.controller.js).

 (function () {
    'use strict';

    app.controller('AppCtrl', AppCtrl);

    AppCtrl.$inject = ['$scope', '$mdDialog'];

    function AppCtrl($scope, $mdDialog) {

        $scope.saveEntry = function (ev) {
            var confirm = $mdDialog.prompt()
                .title('Save Entry')
                .textContent('If you want, you can add a description to explain what you changed.')
                .placeholder('Version Description')
                .ariaLabel('Version Description')
                .initialValue('')
                .targetEvent(ev)
                .ok('Save')
                .cancel('Cancel');

            $mdDialog.show(confirm).then(function (result) {
                $scope.status = true;
            }, function () {
                $scope.status = false;
            });
        };
    }

})();

Ниже приведен код спецификации (app.controller.spec.js):

describe('Unit test AppController: mdDialog', function () {
    var $controller, $mdDialog;
    beforeEach(function () {
        module('App');
        inject(function (_$controller_, _$mdDialog_) {
            $controller = _$controller_;
            $mdDialog = _$mdDialog_;
        });
    });

    it(': Opened', function () {
        var $scope = {};
        var controller = $controller('AppCtrl', { $scope: $scope });

        var $mdDialogOpened = false;
        $mdDialog.show = jasmine.createSpy().and.callFake(function () {
            $mdDialogOpened = true;
        });

        $scope.saveEntry();
        $scope.$digest();

        expect($mdDialog.show).toHaveBeenCalled;
        expect($mdDialogOpened).toBe.true;
    });
});

когда я запускаю приведенный выше код, я получаю следующую ошибку: TypeError: Cannot read property 'then' of undefined

Я сослался на эту проблему GitHub https://github.com/angular/material/issues/1482. Но я не получаю решения для моей проблемы

заранее спасибо


unit-testing angularjs angular-material karma-jasmine angular-mock
person Libu Mathew    schedule 20.03.2017    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Проблема в том, что вы внедряете одну версию $mdDialog и пытаетесь протестировать другую.
Вы можете попробовать что-то вроде этого:

describe('Unit test AppController: mdDialog', function () {
    var ctrl, mdDialog, scope;

    beforeEach(function () {
        module('App');
        inject(function ($rootScope, $controller, $mdDialog) {
        scope = $rootScope.$new();
        mdDialog = $mdDialog; //keep the reference, for later testing.

        spyOn(mdDialog, 'show');
        mdDialog.show.and.callFake(function () {
        return {
            then: function (callBack) {
                        callBack(true); //return the value to be assigned.
                    }
        }
        });     

        ctrl = $controller('AppCtrl',{$scope:scope, $mdDialog:mdDialog}); //Inject the dependency

        });
    });

    it(': Opened', function () {
        scope.saveEntry(); //exercise the method.
        scope.$digest();

        expect(mdDialog.show).toHaveBeenCalled();
        expect(scope.status).toBe(true);
    });
});

Что-то очень похожее должно работать.
надеюсь, что это поможет.

person Hosar    schedule 20.03.2017
comment
Благодарю за ваш ответ. Я думаю, что вы пропустили $ в $ rootScope.new (), пожалуйста, обновите свой ответ. - person Libu Mathew; 20.03.2017