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
myElement.simulate().leftClick();
```

```js
myElement.dispatchEvent(new MouseEvent('click', {button: 0}));
```

```js
myElement.and(new MouseEvent('left'));
```

How do you simulate a left mouse click using the native API?

How do you simulate a left mouse click using the native API?

```js
myDebugElement.triggerEventHandler('click', {button: 0});
```

```js
myDebugElement.dispatch('click', {button: 0});
```

```js
myDebugElement.setEvent('click', {button: 0});
```

How do you simulate a left mouse click using the Angular `debugElement`?

How do you simulate a left mouse click using the Angular <code>debugElement</code>?

What is the shorthand way to simulate a left mouse click on a DOM element?

What is the shorthand way to simulate a left mouse click on a DOM element?

We need to include the `button` property representing left click or right click.

The `click` method is asynchronous, and we can't test asynchronous code.

Why can't you use the `click` method to simulate a click on a `RouterLink` element?

Why can’t you use the <code>click</code> method to simulate a click on a <code>RouterLink</code> element?

```js
myDebugElement.triggerEventHandler(new MouseEvent({ left = 100, top = 200 }));
```

```js
myDebugElement.triggerEventHandler(new MouseEvent({ x = 100, y = 200 }));
```

```js
myDebugElement.triggerEventHandler(new MouseEvent({ coordinates = '100,200' }));
```

```js
myDebugElement.triggerEventHandler(new MouseEvent({ clientX = 100, clientY = 200 }));
```

How do you simulate a click that occurs 100px from the left of the element and 200px from the top of an element?

How do you simulate a click that occurs 100px from the left of the element and 200px from the top of an element?

Test your knowledge of how to simulate user interactions in your tests.

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 Events