Le Javascript.confirm() et Angularjs Karma e2e test

J'ai un Angularjs application qui utilise javascript simple confirmation avant l'exécution de certaines actions.

Contrôleur:

function TokenController($scope) {
  $scope.token = 'sampleToken';

  $scope.newToken = function() {
    if (confirm("Are you sure you want to change the token?") == true) {
      $scope.token = 'modifiedToken';
    }
  };
}

Vue:

<div id="tokenDiv">
  Token:{{token}} <button ng-click="newToken()">New Token</button>
</div>

Maintenant, je veux avoir une fin pour fin de test pour vérifier le jeton est remplacée correctement dans la vue. Comment intercepter les javascript.confirm() appel afin de ne pas arrêter l'exécution du test?

Test:

it('should be able to generate new token', function () {
   var oldValues = element('#tokenDiv').text();
   element('button[ng-click="newToken()"]').click(); //Here the javascript confirm box pops up.
   expect(element('#tokenDiv').text()).not.toBe(oldValues);
});

Jusqu'à présent, j'ai essayé de redéfinir le window.confirm fonction, mais ensuite, l'appel se plaint qu'il n'est pas défini.

J'ai aussi voulu mettre en place un Jasmin espionner window.confirm mais dans la syntaxe suivante spyOn(window, 'confirm'); il me donne un message d'erreur indiquant que vous ne pouvez pas espionner null.

Comment puis-je faire un tel test?

OriginalL'auteur mrt | 2013-05-07

  1. 13

    E2E Tests

    Veuillez consulter à ce projet:
    https://github.com/katranci/Angular-E2E-Window-Dialog-Commands

    Tests Unitaires

    Si vous créez un service pour les boîtes de dialogue vous pouvez ensuite se moquent de ce service dans votre unité de test afin de rendre votre code testable:

    Contrôleur

    function TokenController($scope, modalDialog) {
  $scope.token = 'sampleToken';

  $scope.newToken = function() {
    if (modalDialog.confirm("Are you sure you want to change the token?") == true) {
      $scope.token = 'modifiedToken';
    }
  };
}

    modalDialog service.

    yourApp.factory('modalDialog', ['$window', function($window) {
    return {
        confirm: function(message) {
            return $window.confirm(message);
        }
    }
}]);

    modalDialogMock

    function modalDialogMock() {
    this.confirmResult;

    this.confirm = function() {
        return this.confirmResult;
    }

    this.confirmTrue = function() {
        this.confirmResult = true;
    }

    this.confirmFalse = function() {
        this.confirmResult = false;
    }
}

    Test

    var scope;
var modalDialog;

beforeEach(module('yourApp'));

beforeEach(inject(function($rootScope, $controller) {
    scope = $rootScope.$new();
    modalDialog = new modalDialogMock();
    var ctrl = $controller('TokenController', {$scope: scope, modalDialog: modalDialog});
}));

it('should be able to generate new token', function () {
   modalDialog.confirmTrue();

   scope.newToken();
   expect(scope.token).toBe('modifiedToken');
});

    OriginalL'auteur katranci

  2. 25

    Une autre option serait de créer directement un espion et reviennent automatiquement true:

    //Jasmine 2.0
spyOn(window, 'confirm').and.callFake(function () {
     return true;
});

//Jasmine 1.3
spyOn(window, 'confirm').andCallFake(function () {
     return true;
});
    Cette réponse fonctionne très bien si vous ne voulez pas à jour votre code à enrouler autour de window.confirm appels.

    OriginalL'auteur Andrei V

  3. 7

    Dans les tests unitaires, vous pouvez simuler le $objet de la fenêtre comme ceci:

    Votre test:

    beforeEach(function() {
    module('myAppName');

    inject(function($rootScope, $injector) {
        $controller = $injector.get('$controller');
        $scope = $rootScope.$new();
        var windowMock = { confirm: function(msg) { return true } }
        $controller('UsersCtrl', { $scope: $scope, $window: windowMock });
    });
});

    De votre contrôleur:

    myAppName.controller('UsersCtrl', function($scope, $window) {
    $scope.delete = function() {
        var answer = $window.confirm('Delete?');
        if (answer) {
             //doing something
        }
    }
});

    OriginalL'auteur Eyal Rosen