Learn How to Unit Test Angular Components with RouterTestingHarness

[@JayCeeNiet]

I really like your tutorials! Your way of teaching is great and me and my friends are watching your channel! I hope you can do a project like CRUD implementation with all the lessons like RouteGuard, Role Bassed, Interceptors and some more stuff that a junior web dev or an intern really needs to learn! I am slowly learning especially the jumping of components and connecting them one another just like a div haha! Please continue the way you do the videos, even the smallest detail you really explain it. Thank you for this! Thank you!

[@CodeShotsWithProfanis]

Glad you like my videos and thanks for the suggestion. Noted :)

[@aram5642]

Haven't watched the video yet, but just by reading the title - you're a true gem!!! Can't appreciate angular testing education enough!

[@CodeShotsWithProfanis]

I hope you like it!

[@handsonjavascript]

Great video, one question.. How do you completely eliminate the keystrokes sound in the video? Do u do voiceover after recording? or do you use some software to eliminate keystrokes?..

[@CodeShotsWithProfanis]

Glad you liked my video :) I am not doing voiceover nor using any software to eliminate keystrokes. I assume it's the keyboard itself which is not a mechanical one. It's the quietest keyboard I've ever used. It's the Logitech K800. Are you using a mechanical one when recording?

[@handsonjavascript]

@@CodeShotsWithProfanis i use the macbook built in keyboard only, i had protective cover to minimize the sound, but still. Tried keeping mic as high as possible.

[@CodeShotsWithProfanis]

​@@handsonjavascript The MacBook keyboard is silent as well. I assume it's the combination of Mic and Recording software. Let me list the equipment I use: Mic: www.amazon.de/-/en/Microphones-microphone-recording-streaming-adjustable/dp/B014PYGTUQ Stand: www.amazon.de/gp/product/B00DY1F2CS Keyboard: www.amazon.de/-/en/Logitech-wireless-keyboard-connection-PerfectStroke/dp/B0055ZWPE4 Mouse: www.amazon.de/-/en/Logitech-Bluetooth-connection-Rechargeable-multi-device/dp/B07W4DGVQF Recording Software: OBS

[@handsonjavascript]

@@CodeShotsWithProfanis appreciate the detailed answer! Ty

[@Damorfati]

Guard as I know can be test as simple class by not using any other parts of angular like testbed . If more then one part of angular is needed to be able to test code lets call them integration tests. And usualy units test don't need query selectors. Integration test dose.

[@CodeShotsWithProfanis]

Good point! Although there are options to provide a unit test without TestBed, I really like this approach since it minimizes the boilerplate code and also follows the same execution flow we already have in the app.