Skip to content

Commit 9fa979e

Browse files
authored
Merge pull request #44 from angular-extensions/feature/addVideoTutorial
docs: ✏️ add video tutorial to README
2 parents adecdb5 + 9b42a26 commit 9fa979e

File tree

1 file changed

+14
-6
lines changed

1 file changed

+14
-6
lines changed

README.md

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,10 +19,12 @@
1919
- [API](#api)
2020
- [Examples](#examples)
2121
- [Pass in specific DebugElement](#pass-in-specific-debugelement)
22-
- [Blog post](#blog-post)
2322
- [Examples](#examples-1)
2423
- [Print Angular comments](#print-angular-comments)
2524
- [Change the theme](#change-the-theme)
25+
- [Further resources](#further-resources)
26+
- [Blog post](#blog-post)
27+
- [Video tutorial](#video-tutorial)
2628

2729
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
2830

@@ -82,7 +84,7 @@ Maybe you don't want to use a plugin that cleans up unused imports or maybe this
8284
2. Import `phl` from `@angular-extensions/pretty-html-log` and provide it as a global inside your `jest.config.mjs`:
8385

8486
```javascript
85-
import {phl} from "@angular-extensions/pretty-html-log";
87+
import { phl } from '@angular-extensions/pretty-html-log';
8688

8789
module.exports = {
8890
globals: {
@@ -146,10 +148,6 @@ phl(fixture.debugElement.query(By.css('mat-tab-body')));
146148

147149
![logNgHTML](https://raw.githubusercontent.com/angular-extensions/pretty-html-log/master/images/output.png)
148150

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-
153151
### Examples
154152

155153
Log the content innerHTML of a fixture
@@ -196,3 +194,13 @@ import { THEMES } from 'pretty-html-log';
196194

197195
console.logNgHTML(fixture, false, THEMES.VSCODE);
198196
```
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+
[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/jW_B91PKzMY/0.jpg)](https://www.youtube.com/watch?v=jW_B91PKzMY)

0 commit comments

Comments
 (0)