pruebas - Error de caso de prueba de Jasmine ''Espiar para haber sido llamado''

pruebas unitarias ionic

Question

Estoy escribiendo el caso de prueba de jazmín para la función angular inferior y el mensaje de error de caso de prueba "Espera espía [Objeto objeto] que se ha llamado".

    $scope.displayTagModelPopup = function() {
        var dialogOptions = {
            templateUrl: ''views/mytags.html'',
            controller: ''TagsCtrl'',
            size: ''lg'',
            resolve: {
                tagsAvailable: function() {
                    return $scope.availableTags;
                }
            }
        };

        ModalDialogFactory.showDialog(dialogOptions).then(function(result) {
            $scope.selectedFields = [];
            $scope.selectedFieldIds = [];

            angular.forEach(result, function(tag) {
                $scope.selectedFields.push(tag);
                $scope.selectedFieldIds.push(tag.objectId);
            });
        });
    };

Mi caso de prueba de jazmín

it(''should call displayTagModelPopup'', function() {
    var dialogOptions = {
        templateUrl: ''views/mytags.html'',
        controller: ''TagsCtrl'',
        size: ''lg'',
        tagsAvailable: [{
            objectId: "c647abc7-f651-4df6-880d-cf9fb69cdcb0",
            dataFieldName: "author",
            shortNamePath: "$.author",
            templates: ["HaM sheet"]
        }]
    };
    var spy = jasmine.createSpy(modalDialogFactory, ''showDialog'').and.callFake(function(data) {
        $scope.tags = [{
            objectId: "c647abc7-f651-4df6-880d-cf9fb69cdcb0",
            dataFieldName: "author",
            shortNamePath: "$.author",
            templates: ["HaM sheet"]
        }];
        return $scope.tags;
    });

    $scope.displayTagModelPopup();
    $scope.$digest();
    expect(spy).toHaveBeenCalled();

});

Y obteniendo el siguiente error "Espía esperado [Objeto objeto] para que se haya llamado. Error: espía esperado [Objeto objeto] para que se haya llamado".

¿Cuál es el problema en mi caso de prueba? ¿Me falta algo?

¡¡¡Gracias por adelantado!!!

Editado: Cambié mi caso de prueba de Jasmine como a continuación obtengo un mensaje diferente '''' undefined ''no es una función (evaluando'' ModalDialogFactory.showDialog (dialogOptions) .then '')''

Probé si ModelDialogFactory está definido o no, pero el método ModalDialogFactory.showDialog se definió correctamente. el caso de prueba de error falló solo al llamar al método ''$ scope.displayTagModelPopup ();''

it(''should call displayTagModelPopup'', function() {

    spyOn(ModalDialogFactory, ''showDialog'').and.callFake(function() {
        $scope.tags = [{
            objectId: "c647abc7-f651-4df6-880d-cf9fb69cdcb0",
            dataFieldName: "author",
            shortNamePath: "$.author",
            templates: ["HaM sheet"]
        }];
        return $scope.tags;
    });
    var dialogOptions = {
        templateUrl: ''views/mytags.html'',
        controller: ''TagsCtrl'',
        size: ''lg'',
        tagsAvailable: [{
            objectId: "c647abc7-f651-4df6-880d-cf9fb69cdcb0",
            dataFieldName: "author",
            shortNamePath: "$.author",
            templates: ["HaM sheet"]
        }]
    };
    //expect(ModalDialogFactory).toBeDefined();
    //expect(ModalDialogFactory.showDialog).toBeDefined();

    $scope.displayTagModelPopup();
    $scope.$digest();

});

Answer 1

Si desea espiar un método de objeto existente, debe usar spyOn helper ( docs ):

spyOn(modalDialogFactory, ''showDialog'').and.callFake(...);

Como primer parámetro, aplica un objeto y como segundo nombre del método. Reemplaza el método de un objeto existente con un objeto espía.

Para verificar si se llamó al espía, debe pasarlo a expect() :

expect(modalDialogFactory.showDialog).toHaveBeenCalled();

El ayudante que usas jasmine.createSpy() es crear un espía "desnudo", que se puede pasar como una devolución de llamada para garantizar que se llame ( documentos ). jasmine.createSpy() solo aplica un parámetro que es el nombre del espía que se mostrará en los resultados de las pruebas, por eso no hay ningún espía conectado a su objeto.

Actualizar:

Tienes una línea en el primer fragmento:

ModalDialogFactory.showDialog(dialogOptions).then(function(result) { ... });

y como puede ver, showDialog() es seguido por then() . Supongo que showDialog() original showDialog() devuelve un objeto con un método y then() , tal vez es una Promesa. Pero en su prueba cuando espía un método showDialog() , desde callFake() no devuelve nada con el método then() , por lo tanto, el error indica que un método no está definido. Spy reemplazó por completo su método original y junto con callFake() recrea el comportamiento original.

Entonces, desde callFake() debes devolver algo que imite una Promesa, por ejemplo:

spyOn(ModalDialogFactory, ''showDialog'').and.callFake(function() {
    // ....
    return {
        then: function (cb) {
             cb($scope.tags);
        }
    };
});

Aquí devuelvo un objeto que tiene el método then() , y cuando se llama con una función como parámetro, esta función que actúa como una devolución de llamada se resuelve con un valor de $scope.tags , que podría usarse dentro de esta devolución de llamada.