Delve into Angular test skills with Jasmine. Gain insights into mocking HTTP requests, testing forms, and writing effective unit tests to build reliable applications and maintain them long-term.

angular.tar.gz

CHROME_BIN

angular2

angular-parallel

angular-coverage

angular-coverage-copy

Jasmine is a popular framework used to test JavaScript and Angular applications. With the help of Jasmine, writing effective unit tests is quite easy and helps in building more reliable applications. 

The purpose of this course is to teach you how to read and write Jasmine unit tests. This course will focus on Angular test skills, including the ability to mock HTTP requests and test forms. Moreover, you will learn how to build real-world applications using Jasmine’s advanced features.

As a result of completing this course, you will be able to read existing unit tests, write your own tests, and be able to write better applications and the skills to maintain them for years to come.

Angular Testing with Jasmine

`TestBed` stores the results of the test.

`TestBed` lets us test an Angular component in isolation.

`TestBed` manages the web browser for testing.

`TestBed` loads assets, such as fonts and images.

What is <code>TestBed</code> used for?

To inject any services required into our component

To compile our component by pulling in external HTML and CSS files

To prepare a special version of our component that allows debugging

To compile our TypeScript code into JavaScript

Why do you usually need to call the `compileComponents` method?

Why do you usually need to call the <code>compileComponents</code> method?

To reload `TestBed` and clear all component variables

Why would you call `fixture.detectChanges()`?

Why would you call <code>fixture.detectChanges()</code>?

What does <code>debugElement.query</code> select?

```js
debugElement.queryAll(By.css('.title'));
```

```js
debugElement.queryAll(With.css('.title'));
```

```js
debugElement.query(By.css('.title'));
```

```js
debugElement.queryAll(By.css('{class: "title"}'));
```

How can you select all HTML elements with the `title` class?


How can you select all HTML elements with the <code>title</code> class?

Test your knowledge of the Angular TestBed and debugElement.

Introduction to the Course

Getting Started with Jasmine

Assessment: Getting Started with Jasmine

Testing Angular Applications

Assessment: Testing Angular Applications

Advanced Topics

Assessment: Advanced Topics

Jasmine Deep Dive

Conclusion

Appendix

Quiz Yourself on Testing Angular Components