Angular Testing
1 like118 views
The document outlines the importance of testing in software development, particularly through the use of Karma and Jasmine frameworks for Angular applications. It describes key concepts such as test suites, test cases, expectations, and matchers relevant to the testing process. Additionally, it provides resources for further reading on behavior-driven development and Angular testing.
Angular Testing
- 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