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

What method should you use to configure the `RouterTestingModule`?

What method should you use to configure the <code>RouterTestingModule</code>?

Add it to the `imports` array in the `TestBed` configuration.

Add it to the `providers` array in the `TestBed` configuration.

Add it to the `declarations` array in the `TestBed` configuration.

Swap it for the real implementation using a Jasmine spy.

How do we use the `RouterTestingModule` in our test?

How do we use the <code>RouterTestingModule</code> in our test?

In our test, we can trigger a click event on a `RouterLink` element. What method do we need to call for the navigation to be complete?

In our test, we can trigger a click event on a <code>RouterLink</code> element. What method do we need to call for the navigation to be complete?

How do you test the result of navigation using `RouterTestingModule`?

How do you test the result of navigation using <code>RouterTestingModule</code>?

Which routes should you usually mock when testing navigation with `RouterTestingModule`?

Which routes should you usually mock when testing navigation with <code>RouterTestingModule</code>?

Provide a mock implementation in the `imports` array in the `TestBed` configuration.

Provide a mock implementation in the `providers` array in the `TestBed` configuration.

Provide a mock implementation in the `declarations` array in the `TestBed` configuration.

Provide a mock implementation to the component constructor.

How do you mock the `ActivatedRoute` in your test suite?

How do you mock the <code>ActivatedRoute</code> in your test suite?

```js
let fakeActivatedRoute = {
  snapshot: {
    params: {
      userId: '10'
    }
  }
};
```

```js
let fakeActivatedRoute = {
  params: {
    userId: '10'
  }
};
```

```js
let fakeActivatedRoute = {
  snapshot: {
    userId: '10'
  }
};
```

```js
let fakeActivatedRoute = {
  route: {
    data: {
      userId: '10'
    }
  }
};
```

Which option is a valid mock you could use for the `ActivatedRoute`?

Which option is a valid mock you could use for the <code>ActivatedRoute</code>?

Test your knowledge of testing Angular routes.

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 Routes