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

```js
TestBed.configureTestingModule({
  providers: [MyService],
  declarations: [HttpClientTestingModule],
});
```

```js
TestBed.configureTestingModule({
  providers: [MyService, HttpClient]
});
```

```js
TestBed.configureTestingModule({
  providers: [MyService],
  imports: [HttpClientTestingModule],
});
```

```js
TestBed.configureTestingModule({
  providers: [MyService],
  modules: [HttpClientTestingModule],
});
```

How do you use `HttpClientTestingModule` in the `TestBed` configuration?

How do you use <code>HttpClientTestingModule</code> in the <code>TestBed</code> configuration?

```js
let httpTestingController = TestBed.get(HttpTestingController);
```

```js
let httpTestingController = TestBed.inject(HttpTestingController);
```

```js
let httpTestingController = of(HttpTestingController);
```

```js
let httpTestingController = TestBed.configure(HttpTestingController);
```

How do you access `HttpTestingController` in your test?

How do you access <code>HttpTestingController</code> in your test?

```js
httpTestingController.expectNone();
```

```js
httpTestingController.expect(0);
```

```js
httpTestingController.matches().none();
```

```js
expect(httpTestingController).toBeEmpty()
```

Which option expects no HTTP requests to be made?

Which option expects no HTTP requests to be made?

```js
httpTestingController.call() = '/users';
```

```js
httpTestingController.expecteOne('/users');
```

```js
expect(httpTestingController.toHaveOne('/users'));
```

```js
httpTestingController.toHaveBeenCalledWith('/users');
```

Which option expects that only one HTTP request is made to the `/users` endpoint?


Which option expects that only one HTTP request is made to the <code>/users</code> endpoint?

What method can you use to respond to an HTTP request with mock data?

What method can you use to respond to an HTTP request with mock data?

```js
httpTestingController.expectNoMoreRequests();
```

```js
httpTestingController.isEmpty();
```

```js
httpTestingController.verify();
```

```js
httpTestingController.flush().toBeNull;
```

How do you ensure that all HTTP requests made were matched by your expectations?

How do you ensure that all HTTP requests made were matched by your expectations?

```js
const requests = httpTestingController.match({
  method: 'GET',
  url: '/users'
});
```

```js
const requests = httpTestingController.match('GET', '/users');
```

```js
const requests = httpTestingController.match().get().url('/users')
```

```js
const requests = httpTestingController.match({
  type: 'GET',
  pattern: '/users'
});
```

How do you use the `match` method to match HTTP requests of type `GET` made to the `/users` endpoint?

How do you use the <code>match</code> method to match HTTP requests of type <code>GET</code> made to the <code>/users</code> endpoint?

Test your knowledge of how to mock API calls with HttpClientTestingModule.

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 Mocking API Calls