AngularJS Testing

@ahmehriAhmed Elmehri

Testing is SO IMPORTANT

2

AngularJS and Testing

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

Testable by Design

testable

4

Faster and Easier Testing

testing

fast to write and run

5

Good Relationship

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

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

Testing ToolsTest Framework Test Runner

Test

Run

TestTest

Test

Test

Test

Test

More Customizations8

Jasmine

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

Jasmine

10

Standalone

DOM

JS Framework

11

Testing Levels

https://flic.kr/p/uQpnNp

Testing Levels and Tools

Unit Tests

End to End (E2E) Tests

13

Test Runner

Good Integration with CI Tools

14

Run on Node.js

extremely fast

15

CI Tools and Node.js

Builds Tests

16

Karma

Karma

18

Run on Real Browsers

Headless Browser

Headless Testing

Lot of DOM Manipulations

Real Browser

19

Test Framework Agnostic

20

Example

Protractor

https://flic.kr/p/iejK3M

Protractor

23

Built on Top of WebDriverIO

24

(Formerly WebDriverJS) AngularJS app

Native events

Specific drivers

No More Waits

25

Fluentlenium

No More Waits

26

Automatic Transition

Example

Thank You@ahmehriAhmed Elmehri

#angularJS-testing