|
1 |
| -# Testing Recipes |
| 1 | +# Angular Testing Recipes |
2 | 2 |
|
3 | 3 | [](https://travis-ci.org/juristr/angular-testing-recipes)
|
4 | 4 |
|
5 | 5 | > This repo is for **Angular version 2+**. [More >>](https://juristr.com/blog/2016/12/let-me-explain-angular-release-cycles/)
|
6 | 6 |
|
7 |
| -_WIP_ |
| 7 | +## Contents |
8 | 8 |
|
9 |
| -Wanna help? Reach out to me on Twitter: [@juristr](https://twitter.com/juristr). |
| 9 | +_WIP: this repository is still a work in progress_ |
| 10 | + |
| 11 | +1. [**Testing Components**](./src/app/components) |
| 12 | + - [testing @Input](./src/app/components/input.component.spec.ts) |
| 13 | + _Learn how to a component's `@Input()`._ |
| 14 | + - [testing @Output](./src/app/components/output.component.spec.ts) |
| 15 | + _Learn how to test a component's `@Output()`, more specifically the `EventEmitter` type._ |
| 16 | + - [testing DOM manipulations](./src/app/components/domtesting.component.spec.ts) |
| 17 | + _Learn how to test the DOM manipulations which might be caused by like `*ngIf` statements etc._ |
| 18 | + - [testing content projection](./src/app/components/content-projection.component.spec.ts) |
| 19 | + _Learn how to test `<ng-content>` directives._ |
| 20 | + - [testing dynamic CSS classes](./src/app/components/dynamic-css-classes.component.spec.ts) |
| 21 | + _Test CSS classes being added and removed dynamically from your component's template based on some conditional expressions._ |
| 22 | + - [testing dynamic CSS styles](./src/app/components/dynamic-styles.component.spec.ts) |
| 23 | + _Test dynamic CSS styles using custom Jasmine matchers._ |
| 24 | + - [mocking nested components](./src/app/components/nested.component.spec.ts) |
| 25 | + _Learn how to mock out nested components which you don't want to necessarily test_ |
| 26 | +1. [**Testing Services**](./src/app/services) |
| 27 | + - [Simple stateless function](./app/services/greeting.service.spec.ts) |
| 28 | + _Learn about different ways of injecting a service into a test case as well as how to test service methods._ |
| 29 | + - [Async operations]('./app/services/async.service.spec.ts) |
| 30 | + _Learn how to test async operations using the `async()` as well as `fakeAsync()` functions._ |
| 31 | + - [Mocking and remote http calls]('./app/services/remote.service.spec.ts) |
| 32 | + _Learn how to mock external dependencies, such as use the `MockBackend` provided by Angular to respond to http calls._ |
| 33 | + |
| 34 | +## Contribute |
| 35 | + |
| 36 | +Wanna help? Of course! Just send me a PR :smiley:. |
0 commit comments