Call angular function from protractor

Question

I'm new to Angular and Protractor.

I'm using protractor to test Angular pages. I'm trying to test log-in procedure.

part of the html is:

< li data-ng-show="isLoggedIn()" >

I want to make sure that the credentials are correct by calling the 'isLoggedIn()' function. the 'isLoggedIn()' function is in a controller named 'navControl'.

can I do it? How? are there other suggestions to test log-in?

Ben Heymink · Accepted Answer · 2015-01-11 16:56:20Z

2

You should be testing your log in page (if you are using protractor) like a user - enter some text in your login form, then click the 'Log In' button! After this, inspect the page for whatever elements you are expecting to be visible after a user has logged in. You shouldn't really be directly calling your application functions - testing those falls under unit testing, not e2e testing for which Protractor is designed for :)

answered Jan 11, 2015 at 16:56

Ben Heymink

1,70012 silver badges26 bronze badges

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

3 Comments

user2880391 Over a year ago

thanks for answering. the question is how to do it. the < li > element that I have posted is the element that changes when logged in. it turns to 'show'. how can I check it?

Ben Heymink Over a year ago

You need to read up on the two things you are using; ng-show will simply add the ng-hide css class to an element when it should be hidden, and will remove the ng-hide css class when the element should be shown. (Taken from the docs, here.) Next, in protractor, you want a test that checks to see if your <li> element is shown - to do this you can check to see if it has the css class I mentioned. Examples of how to do this can be found on the Protractor help, here.

Ben Heymink Over a year ago

(continued) - Your test might check for the existence of the class with a line similar to this: expect(hasClass(element(by.id('my_list_id')), 'ngHide')).toBe(true);

alecxe · Accepted Answer · 2015-01-12 04:40:43Z

1

Thanks for helping. The exact phrase I was looking for is this:

expect($('[data-ng-show="isLoggedIn()"]').isDisplayed()).toBeTruthy();

edited Jan 12, 2015 at 4:40

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

answered Jan 11, 2015 at 20:56

user2880391

2,8019 gold badges44 silver badges82 bronze badges

Collectives™ on Stack Overflow

Call angular function from protractor

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related