Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
AngularJs and
Protractor
Hello!
I am Filipe Falcão
AngularJs, JavaScript, Cordova,
PHP, Python
You can find me at:
+FilipeFalcaoBatista
@filipefalc...
Protractor framework
▧ End-to-end test framework
▧ For AngularJs apps
▧ Tests like a user (WebDriverJS)
▧ Based in Jasmine...
UNITY T ESTS
“Unit tests, as the name implies, is about
testing individual units of code.”
Nice! How to get
started?
Prerequisites
I. Install Node.js
II. Install Java Development Kit
(JDK)
Setup
I. npm install -g protractor
II. protractor --version
III. webdriver-manager update
IV. webdriver-manager start
Shut the f*** up and
show me some code!
Test Application
▧ Simple Todo app
▧ No persistance
Application Demo
GitHub Repository
I.
Write your first test
Create spec.js file
II.
Write the configs
Create the conf.js file
III.
Run the test
Open a new terminal
window and run:
protractor conf.js
Nice! But, this is too
simple … Show me
something amazing pls
Add this after the url
variable
What all of this stuff
does?
Makes possible get and set elements
values based in id, ng-model, ng-bind,
ng-repeat
Continuing
Thanks!
Any questions?
You can find me at:
+FilipeFalcaoBatista
filipefalcaosantos@gmail.com
AngularJS and Protractor
Upcoming SlideShare
Loading in …5
×

AngularJS and Protractor

AngularJS and Protractor in GDG Maceió Meetup VI

AngularJS and Protractor

  1. 1. AngularJs and Protractor
  2. 2. Hello! I am Filipe Falcão AngularJs, JavaScript, Cordova, PHP, Python You can find me at: +FilipeFalcaoBatista @filipefalcaos
  3. 3. Protractor framework ▧ End-to-end test framework ▧ For AngularJs apps ▧ Tests like a user (WebDriverJS) ▧ Based in Jasmine framework GitHub Repository
  4. 4. UNITY T ESTS “Unit tests, as the name implies, is about testing individual units of code.”
  5. 5. Nice! How to get started?
  6. 6. Prerequisites I. Install Node.js II. Install Java Development Kit (JDK)
  7. 7. Setup I. npm install -g protractor II. protractor --version III. webdriver-manager update IV. webdriver-manager start
  8. 8. Shut the f*** up and show me some code!
  9. 9. Test Application ▧ Simple Todo app ▧ No persistance Application Demo GitHub Repository
  10. 10. I. Write your first test
  11. 11. Create spec.js file
  12. 12. II. Write the configs
  13. 13. Create the conf.js file
  14. 14. III. Run the test
  15. 15. Open a new terminal window and run: protractor conf.js
  16. 16. Nice! But, this is too simple … Show me something amazing pls
  17. 17. Add this after the url variable
  18. 18. What all of this stuff does? Makes possible get and set elements values based in id, ng-model, ng-bind, ng-repeat
  19. 19. Continuing
  20. 20. Thanks! Any questions? You can find me at: +FilipeFalcaoBatista filipefalcaosantos@gmail.com

×