Skip to content

superstar1205/Angular-Uint-test

Repository files navigation

Angular-Uint-test

I provided unit test and rise test result all is over 90%

Screenshot_18

How to run tests?

By the command npm test. Your project will be compiled and run Karma for running all tests in your project. It will also open your browser (default address localhost:9876) and show the test results.

Types of automated tests.

There are 3 main types of automated tests. There are no strict borders between them and it can be arguably hard to decide which test falls in which category.

Unit testing - test of one “unit” of code.

It can be a class, or method, with mocked dependencies. We will use this type of test here.

Integration testing — Few classes testing integrated.

For example, for the back-end, it can be service and repository testing together, or service and component testing for the front-end.

End to end testing — full application testing

From front-end to back-end, that’s why it is called a (front) end to (back) end testing. In these tests usually live services using and nothing is mocked. it fully reproduces the real application work.

Test tools — Karma and Jasmine

For automated tests on the front-end with Angular often uses built-in tools Karma and jasmine. Karma is a test runner, the tool which runs our tests in the browser. Jasmine — test tool for creating mocks and assert test results. You can use different tools for testing, such as Jest, Mocha, Chai, etc., but Jasmine already here out of the box and sufficient for most cases.

spec file for unit tests

It’s important — all tests should be stored in files with name format .spec.ts. File type “spec” (stands for “specification”), tells Karma that this is the file with tests.

npm install

and then

ng test

Arrange, Act, Assert (AAA)

The test is a story, it should be clear and easy to read.

Arrange — set the initial state of the system under test.

Act — call a method that you want to test.

Assert — Analyze the result and ensure that it equal to the desired result.

Jasmine has a special function, called expect.

Contact Link

[telegram] (https://t.me/ProDev1205)

[Skype] (https://join.skype.com/invite/xAHPnMKaZkkk)

About

Angular-Unit-Test: all are over 90% đź‘Ť. TypeScript/Karama/Jasmine/Angular/CSS/HTML5/Unit-test

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published