how do you test ngFormController in angular controller tests?

Question

ngFormController is created for you when you give a form a name.

<form name="accountForm"> will create $scope.accountForm and this allows you to do things like $scope.accountForm.$setPristine()

However, in my controller tests accountForm is undefined because I suppose it's created after the template is parsed and I'm not sure the template is even considered when testing the controller. How can I mock this up in the test?

zvisofer · Accepted Answer · 2014-02-05 17:26:01Z

2

I just had this same issue. What I ended up doing was using sinon.stub to make a fake form object. This object had these properties:

form = {$valid: true, $pristine: false, $dirty: true, $setPristine: function () {scope.newItemForm.$dirty = false, scope.newItemForm.$pristine = true;}};

I then set that fake to equal my scope's newItemForm.

scope.newItemForm = form;

I then tested to see if the behavior was correct, whether scope.newItemForm.$dirty = false and scope.newItemForm.$pristine = true when $setPristine was triggered and the opposite when it wasn't supposed to be triggered.

This doesn't mock all the behaviors of $setPristine, but I figure I just need to know if the method is triggered since I shouldn't be concerned about testing angular's functionality.

edited Feb 5, 2014 at 17:26

zvisofer

1,37818 silver badges42 bronze badges

answered Feb 5, 2014 at 17:19

user2740086

Sign up to request clarification or add additional context in comments.

1 Comment

Homan Over a year ago

What we wanted to test was a series of expectations on $setPristine, $dirty on input fields, for client and server error, validations etc. But it was getting messy in the controller. So we abandoned that idea and pushed the logic in a directive. From there it is arguably easier to get access to the formController because the ngModel on the input will register itself with the parent ^form.

Collectives™ on Stack Overflow

how do you test ngFormController in angular controller tests?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related