|
19 | 19 | - [API](#api) |
20 | 20 | - [Examples](#examples) |
21 | 21 | - [Pass in specific DebugElement](#pass-in-specific-debugelement) |
22 | | - - [Blog post](#blog-post) |
23 | 22 | - [Examples](#examples-1) |
24 | 23 | - [Print Angular comments](#print-angular-comments) |
25 | 24 | - [Change the theme](#change-the-theme) |
| 25 | +- [Further resources](#further-resources) |
| 26 | + - [Blog post](#blog-post) |
| 27 | + - [Video tutorial](#video-tutorial) |
26 | 28 |
|
27 | 29 | <!-- END doctoc generated TOC please keep comment here to allow auto update --> |
28 | 30 |
|
@@ -82,7 +84,7 @@ Maybe you don't want to use a plugin that cleans up unused imports or maybe this |
82 | 84 | 2. Import `phl` from `@angular-extensions/pretty-html-log` and provide it as a global inside your `jest.config.mjs`: |
83 | 85 |
|
84 | 86 | ```javascript |
85 | | - import {phl} from "@angular-extensions/pretty-html-log"; |
| 87 | + import { phl } from '@angular-extensions/pretty-html-log'; |
86 | 88 |
|
87 | 89 | module.exports = { |
88 | 90 | globals: { |
@@ -146,10 +148,6 @@ phl(fixture.debugElement.query(By.css('mat-tab-body'))); |
146 | 148 |
|
147 | 149 |  |
148 | 150 |
|
149 | | -### Blog post |
150 | | - |
151 | | -[Improved debugging of Angular component tests in Jest](https://medium.com/angular-in-depth/improved-debugging-of-angular-component-tests-in-jest-ac035e521763) is a write up on AngularInDepth that shows how `@angular-extensions/pretty-html-log` is used and set up in a project. |
152 | | - |
153 | 151 | ### Examples |
154 | 152 |
|
155 | 153 | Log the content innerHTML of a fixture |
@@ -196,3 +194,13 @@ import { THEMES } from 'pretty-html-log'; |
196 | 194 |
|
197 | 195 | console.logNgHTML(fixture, false, THEMES.VSCODE); |
198 | 196 | ``` |
| 197 | + |
| 198 | +## Further resources |
| 199 | + |
| 200 | +### Blog post |
| 201 | + |
| 202 | +[Improved debugging of Angular component tests in Jest](https://medium.com/angular-in-depth/improved-debugging-of-angular-component-tests-in-jest-ac035e521763) is a write up on AngularInDepth that shows how `@angular-extensions/pretty-html-log` is used and set up in a project. |
| 203 | + |
| 204 | +### Video tutorial |
| 205 | + |
| 206 | +[](https://www.youtube.com/watch?v=jW_B91PKzMY) |
0 commit comments