Angularjs - how zu unit-test-Formular-Validierung

Ich bin mit Jasmin unit-Tests meine Winkel-App. Wie kann ich testen, Formular-Validierung in meinen controller? Zum Beispiel habe ich eine login-Funktion:

$scope.login = function() {
    if($scope.form_login.$valid) {
      //send request with username and password
    };
};

Ich versuche $valid zu true, aber ich kann keinen Zugriff auf das Formular hier. Ich bekam eine Fehlermeldung TypeError: Cannot set property '$valid' of undefined:

it('should not send request if form validation fails', function() {
    $controller('loginController', {$scope: $scope});
    $scope.form_login.$valid = true;
    $scope.login();
})
InformationsquelleAutor vincentf | 2016-04-29
  1. 2

    Unit-test sollte nicht wirklich testen das Formular. Um das Formular zu testen und andere nicht-controller-bezogene Dinge verwenden e2e-Tests.

    Allerdings, wenn Sie wirklich wollen, um zu testen, Validierung in unit-test-siehe Testen Sie eine benutzerdefinierte Validierung angularjs Richtlinie oder Wie unit-Tests angularjs form?

    • Antwort zu korrigieren, bewegen Sie so viel code wie Logik wie möglich aus der Ansicht in die Steuerung und test-controller-code mit unit-tests, verwenden Sie einen Winkelmesser e2e-Tests für form testen
    • Wenn Sie einen Dienst nutzen, zur Anmeldung, konnte ich testen, dass der service nicht die Methode aufgerufen hat, in einem unit-Test-Ansatz, und auch, ich könnte die Prüfung in einem Integrations-Ansatz mit der e2e-Winkelmesser
    InformationsquelleAutor Alex Ryltsov
  2. 1

    Wenn Sie einen Dienst verwendet, der für das speichern der Daten

    $scope.login = function() {
    if($scope.form_login.$valid) {
      //send request with username and password
      MyService.login();
    };
};

    Prüfen Sie, ob Ihr service noch nicht genannt worden und verhöhnen die $scope.form_login.$valid-Eigenschaft, um false;

    var MyService, controllerInjector, rootScope;
beforeEach(inject(function($controller, _MyService_, $rootScope){

  controllerInjector = $controller;
  MyService = _MyService_;
  rootScope = $rootScope;

}))

it('should not send request if form validation fails', function() {
  var scope, controller;
  scope = rootScope.$new();
  scope.form_login = {
    $valid : false;
  }
  var loginController = controllerInjector('loginController', {
    $scope : scope
  });

  spyOn(MyService,'login');

  scope.login();

  expect(MyService.login).not.toHaveBeenCalled();

});
    InformationsquelleAutor Gonzalo Pincheira Arancibia
Schreibe einen Kommentar