This is an introduction on Angular testing using its default test runner(Karma) and testing framework(Jasmine)

1. ngular Testing
Islamic Azad University, Najafabad Branch
Faculty of Computer Engineering
SeyedKourosh Sajjadi
October, 2020
Jasmine
+ ARMA

2. 24.10.20 Your name here (insert->page number) 2
Contents
●
1. Introduction
●
2. Theoretical section
– 2.1 Karma
– 2.2 Jasmine
●
2.2.a Test suites
●
2.2.b Test cases
●
2.2.c Expectations
●
2.2.c Matchers
●
2.2.d Spies
●
4. Practice
●
5. Suggested reading
●
6. References

3. 24.10.20 Your name here (insert->page number) 3
Introduction
Why Test ?
●
As features and codebases grow, manual QA becomes more
expensive, time consuming, and error prone.
●
We test our code is to verify that it behaves as we expect it to.
●
Tests are the best way to prevent software defects.
●
As a result of this process you'll find you have better feature
documentation for yourself.

4. 24.10.20 Your name here (insert->page number) 4
Karma
What is Karma ?
●
Karma is a direct product of the AngularJS team.
●
Karma is the default test runner for applications created with the
Angular CLI.
●
Karma provides you options to replace Jasmine with other
testing frameworks such as Mocha and Qunit.
●
your typical interaction with Karma will be to run ng test.

5. 24.10.20 Your name here (insert->page number) 5
Jasmine
What is Jasmine ?
●
Jasmine is a behavior-driven development framework for testing
JavaScript code that plays very well with Karma.
●
Similar to Karma, it’s also the recommended testing framework
as it’s setup for you with the Angular CLI.

6. 24.10.20 Your name here (insert->page number) 6
Test Suites
Suite
●
Begins with Jasmine function describe.
– Takes two parameters:
●
string – a name or title for what is being tested
●
function – block of code that implements the suit

7. 24.10.20 Your name here (insert->page number) 7
Test Cases
Spec
●
Begins with Jasmine function it.
– Takes two parameters:
●
string – title of the spec
●
function – the spec, or the test case

8. 24.10.20 Your name here (insert->page number) 8
Expectations
Expectations
●
Buit with function expect.
– Takes the actual value.
●
Is chained with a matcher function.
– Takes the expected value.
Eg. expect(actualValue).toEqual(expectedValue);

9. 24.10.20 Your name here (insert->page number) 9
Matchers
Matchers
●
Implements a boolean comparison between the actual value
and the expected value.
●
Resposible for reporting Jasmine if expectation is true or false.
Eg. excpect(a).not.toBe(null);

10. 24.10.20 Your name here (insert->page number) 10
Practice

11. 24.10.20 Your name here (insert->page number) 11
Suggested Reading
●
BDD: https://blog.testlodge.com/what-is-bdd/
●
Angular Testing: https://angular.io/guide/testing#setup
●
Jasmine: https://jasmine.github.io/

12. 24.10.20 Your name here (insert->page number) 12
References
●
https://www.slideshare.net/rai200890/angular-testing-45106036
?qid=bbd9f6c9-aaa5-4bfb-a5df-c27968c30bc2&v=&b=&from_s
earch=1
●
https://www.digitalocean.com/community/tutorials/testing-angula
r-with-jasmine-and-karma-part-1
●
https://www.positronx.io/angular-unit-testing-application-with-jas
mine-karma/
●
https://jasmine.github.io/tutorials/your_first_suite