AngularJS and Protractor
8 likes1,297 views
This document provides an overview of Protractor, an end-to-end test framework for AngularJS applications. It discusses prerequisites for setting up Protractor, including installing Node.js and Java. Steps are outlined for configuring Protractor, writing a first test, and running tests. Code examples are also shown for interacting with Angular elements in tests using Protractor capabilities. The document aims to demonstrate the basics of Protractor through a simple todo application example and code snippets.
AngularJS and Protractor
- 2. Hello! I am Filipe Falcão AngularJs, JavaScript, Cordova, PHP, Python You can find me at: +FilipeFalcaoBatista @filipefalcaos
- 4. Protractor framework ▧ End-to-end test framework ▧ For AngularJs apps ▧ Tests like a user (WebDriverJS) ▧ Based in Jasmine framework GitHub Repository
- 5. UNITY T ESTS “Unit tests, as the name implies, is about testing individual units of code.”
- 6. Nice! How to get started?
- 7. Prerequisites I. Install Node.js II. Install Java Development Kit (JDK)
- 8. Setup I. npm install -g protractor II. protractor --version III. webdriver-manager update IV. webdriver-manager start
- 9. Shut the f*** up and show me some code!
- 10. Test Application ▧ Simple Todo app ▧ No persistance Application Demo GitHub Repository
- 11. I. Write your first test
- 14. Create the conf.js file
- 16. Open a new terminal window and run: protractor conf.js
- 17. Nice! But, this is too simple … Show me something amazing pls
- 18. Add this after the url variable
- 19. What all of this stuff does? Makes possible get and set elements values based in id, ng-model, ng-bind, ng-repeat
- 20. Continuing
- 21. Thanks! Any questions? You can find me at: +FilipeFalcaoBatista [email protected]