Top Banner
AngularJS Testing @ahmehri Ahmed Elmehri
28

AngularJS Testing

Jan 15, 2017

Download

Technology

Ahmed Elmehri
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: AngularJS Testing

AngularJS Testing

@ahmehriAhmed Elmehri

Page 2: AngularJS Testing

Testing is SO IMPORTANT

2

Page 3: AngularJS Testing

AngularJS and Testing

https://flic.kr/p/7TvLop

Page 4: AngularJS Testing

Testable by Design

testable

4

Page 5: AngularJS Testing

Faster and Easier Testing

testing

fast to write and run

5

Page 6: AngularJS Testing

Good Relationship

https://flic.kr/p/7TvLop

Page 7: AngularJS Testing

Testing Toolshttps://flic.kr/p/2DWGDT

Page 8: AngularJS Testing

Testing ToolsTest Framework Test Runner

Test

Run

TestTest

Test

Test

Test

Test

More Customizations8

Page 9: AngularJS Testing

Jasmine

https://flic.kr/p/4PY2ba

Page 10: AngularJS Testing

Jasmine

10

Page 11: AngularJS Testing

Standalone

DOM

JS Framework

11

Page 12: AngularJS Testing

Testing Levels

https://flic.kr/p/uQpnNp

Page 13: AngularJS Testing

Testing Levels and Tools

Unit Tests

End to End (E2E) Tests

13

Test Runner

Page 14: AngularJS Testing

Good Integration with CI Tools

14

Page 15: AngularJS Testing

Run on Node.js

extremely fast

15

Page 16: AngularJS Testing

CI Tools and Node.js

Builds Tests

16

Page 17: AngularJS Testing

Karma

Page 18: AngularJS Testing

Karma

18

Page 19: AngularJS Testing

Run on Real Browsers

Headless Browser

Headless Testing

Lot of DOM Manipulations

Real Browser

19

Page 20: AngularJS Testing

Test Framework Agnostic

20

Page 21: AngularJS Testing

Example

Page 22: AngularJS Testing

Protractor

https://flic.kr/p/iejK3M

Page 23: AngularJS Testing

Protractor

23

Page 24: AngularJS Testing

Built on Top of WebDriverIO

24

(Formerly WebDriverJS) AngularJS app

Native events

Specific drivers

Page 25: AngularJS Testing

No More Waits

25

Fluentlenium

Page 26: AngularJS Testing

No More Waits

26

Automatic Transition

Page 27: AngularJS Testing

Example

Page 28: AngularJS Testing

Thank You@ahmehriAhmed Elmehri

#angularJS-testing