|
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