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.

1. 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

12. Create spec.js file

13. II.
Write the configs

14. Create the conf.js file

15. III.
Run the test

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
filipefalcaosantos@gmail.com