Angular 5 Unit Testing with Jasmine Karma and Protractor

[@HidanCore]

Amazing my friend, directly to the point , I was looking for this tutorial.

[@Techsithtube]

Karma makes Testing fun! Thanks for watching.

[@divyasampath9500]

Came here after watching Mosh's Unit Testing vdo and I must say both videos were quite resourceful.

[@ramankaur448]

the best tutor and tutorial I have found so far. very clear and understandable way of teaching.

[@Techsithtube]

Thanks Raman for the awesome comment. Thank you for watching!

[@JGBSolutions]

This is the first video that I watch about testing with Karma within Angular. Thanks!

[@swadhyayashikshan9990]

A concise video with very nice clarity on the basics of testing in ANgular.

[@nooruddinraotiwala490]

Dude your videos are really helpful for the basics and they are indeed great keep it up!!!

[@kedarnath435]

this is very well elaborated and easy to grasp unit test step by step guide for unit test in angular. thanks for such a nice video.

[@seanolson8246]

Great kickstarter -- nicely done!

[@stephenunsure2943]

Excellent video thanks! I'm working on getting some existing tests working and your video will help me understand the setup.

[@nagasaran3856]

Good to get a faster idea about karma and jasmine for Angular developers about testing

[@valekhya]

Thank you for the simple explaination. Could you please also dig deeper into testing demonstrating complex functionalities aswell on the latest angular (angular9)?

[@dharmeshkumar7337]

Yor are awesome!!! Your videos are becoming my javascript guide and it's helping me to learn things with ease and completely understandable. Keep rocking!!

[@Techsithtube]

Thanks for watching Dharmesh!

[@sharatha6533]

Nice video to understand Karma testing. Thanks for it. Please do add some complex and tricky scenarios

[@sidduhedaginal]

Explanation is very much particular ...its good for beginners, post more videos for live example(demo project) to cover all scenarios. Big thanks for your time and also explanation.

[@321zipzapzoom]

I found it easy to learn quickly and understand the concepts! grt Sir

[@savitachauhan5075]

Simple, quick, easy to understand and try out

[@meisterthea]

Very helpful Techsith ! Keep them coming!

[@JcoreUKhardcore]

Hi, nice tutorial! Could you please continue the topic with more advanced testing? I recently struggled with writing tests for HTTP requests (configuring testbed and mocking responses). Also, things get complicated when you have to test component methods that use methods from a service.

[@Techsithtube]

Yes, I will continue with the unit testing tutorials on component testing, mocking, e2e testing and such. It might be in a month as i have a vacation coming up.

[@JcoreUKhardcore]

That's great, thank you! Have a nice vacation :)

[@filipsavic9998]

Hello. I'm doing a university project and I need mocking and e2e testing tutorial. I am wondering if you are gonna do it any time soon?

[@Techsithtube]

I will make e2e testing tutoiral next week

[@filipsavic9998]

Oh, that's great! Thanks a lot :)

[@ksharafuddin1152]

Good tutorial man! Thank you for taking the time to talk about this very important subject.

[@SynthMan65]

Very good introduction to unit testing in Angular.

[@boneyabraham7506]

Thank you for knowledge on jasmine, karma

[@thisalma]

Thank you for making your time to make these videos

[@jacobe7713]

Great tutorial! Short and sweet

[@Its_Hack]

Thank you for the straight forward explanation

[@daniekpo]

Very helpful intro to unit testing in Angular. Thanks.

[@ektaparty1116]

At 14:22 - line number 12 :- inject I am using angular 4 and unable to resolve error cannot find name inject Please guide

[@Techsithtube]

Can you send me the full error. With code.

[@someshnukala9126]

You are great sir really. Thank you so much for your awesome videos. Very good explanation. One of the Greatest channel in the globe

[@aravindrajan398]

Hi Sir, Really very good sir. Can you please put indepth video of Unit testing in Karma and Jasmine?

[@bvmk1951]

Hi Can you please upload more regarding this topic like with components, mocking and spies. Above one is so simple and clear to understand or suggest where to refer as such.

[@GirishBalanagu]

basic overview of the Jasmine and Karma and simple test cases are useful while learning first steps. :)

[@sridharansri438]

Very nicely organised tutorial. Thank you!

[@KarthikeyanMlp]

Simple and and very easy to understand. Thank you 👍🏻

[@NicoLas-gq1fw]

Thanks a lot for the "fdescribe" and "xdescribe" trick

[@westy5334]

Very nice video - is there one on testing POST services ?

[@narasimhach777ch7]

Excellent teaching sir.

[@divyanshim1]

Thank you for the tutorial! It would be better if we can have another tutorial on how to test the functions, how to test observable subscriber method.

[@360gradstudio6]

Nice introduction. Thank you!

[@selvakumarpandiyan9180]

Nice tutorial.. keep posting nice tutorial.. its really helps for lot of developer

[@adnank7649]

Great work! Can you make more videos with little bit of bigger scope automation? like Manual test integration, integration testing, actionwords from cucumber, async(), .

[@vijaykumarnanikeri]

Thats simple and nice session. Thank you for the video.

[@Saimelodies2512]

can you make a video on unit testing using ngx-translate in a component?

[@jirravenkatramireddyreddy7978]

really gooooooooddd sirrr, very nice video

[@Techsithtube]

thanks for watching Jirra.

[@nagratnadsd.soudagar7844]

wonderfully explained, all the concepts got understood very easily ... Thank u so much👏👏👏

[@golharamit]

Can you also create one video on jest unit test framework

[@carstenhansen3979]

Happy to see an ad :-)

[@JohnPauljohnp_js]

Thanks for the video. Why do we need to run karma on Firefox? I mean it only launch the browser just to show the report of the tests. I think with Chrome launcher is enough. What do you think? Thanks

[@Techsithtube]

Its because how browser implements JavaScript. there are cases where some function works little differently on Firefox than Chrome. So just to get good coverage.

[@souravkumarpaul]

This is very nice. Thank you. Could you please make a video for complete testing of a component which has input/output and directives. Also the API call. Thanks.

[@VinothKumar5403]

really nice tutorial.easy to understand.pls do more unit test videos.thanks a lot.

[@Techsithtube]

Yes I will do some more on over all unit tests and e2e tests

[@neyazakhtar8338]

It was a nice tutorial, got the unit test scenario

[@SivaPrasadorcuit]

Thanks a lot. This video is so nice. It would be helpful if we get extension of this video.

[@Techsithtube]

I am planning for more testing videos soon

[@srinivasulurao]

Fantastic, very well explained.

[@satyabose2363]

Excellent session, Thank you for this video

[@NJacintho]

Simple and clear!! I realy use it!! Congratulations!!!

[@yatendragola4034]

this is very helpful video for jasmine test cases...thanks

[@SadSadGuru]

It's just amazingly described, loved it.

[@Techsithtube]

Thanks Arvind :)

[@k.chakravarthykk2021]

This is nice article for beginners

[@kavithakamineni7423]

Nice tutorial, very easy to understand. Thank you..

[@negilaxman6102]

Hi, Can please suggest how to write unit test case for in angular

[@surendarraparla2916]

Hi , it's very informative and it's help me to understand the testing. Thanks a lot for Tutorial Quick question: How to perform testing on OTP or soft token. Please me with your inputs.

[@ErosNicolau]

I totally get that testing as a practice is a good idea. However I still don't understand this unit testing thing: I mean, if you're SO thorough as to set up tests for everything, then aren't the tests themselves becoming a bit redundant?

[@Techsithtube]

Eros, unit testing is actually very important. Especially, in a team environment. Think of this way where you made sure as a developer your part, and someone else changes either your code or the code your code depends on . you won't see if something is breaking until its too late. Having passing unit test means nothing is broken. So if you work in a team environment without unit testing, you will suffer a lot. Most of the companies require you to write tests for every function.

[@renukadevi1829]

Hi , It was an amazing video on unit testing, however i am a tester and want to do unit testing with the help of my developer. I am very new to angular , what are the requirements for me to know and work on unit testing, how to start off?

[@Techsithtube]

i would suggest. use unit tests to test individual functions only. Depending on how big the project is and use e2e tests to do more. Are you familiar with e2e tests in angular?

[@renukadevi1829]

techsith the project just kicked off , so developers are busy coding . I have started my bit of research and learning from the videos. I have installed all the prerequisites for unit and e2e and slowly progressing. I was thinking first let me see if I can do unit test, that would give me an idea about the functions used. Can u provide me your mail id, i would like to discuss about learnings.

[@Techsithtube]

+Renuka Devi [e-mail]

[@krishanumukherjee194]

Awesome, Wonderful, Thousands Like

[@satyach4938]

nice session.

[@PrakashVl]

Thanks for such a valuable video

[@Techsithtube]

Glad you liked it Prakash!

[@motiveaquarian1111]

very well done.

[@nishaa.g]

Nice tutorial. Thank you !!!

[@Techsithtube]

Thank you for watching! :)

[@nareshkumarchalla1604]

Really Nice Tutorial,Its helped me alot -Naresh

[@suneelkumar-ju8up]

Please write test on the API and primeng forms in angular

[@SanthoshKumarAineri]

Hello Sir.. Really nice explanation. Could you please make a video on unit testing in react (with Jest) as well ?

[@Techsithtube]

I do have a plan for jest tutorials. will make them soon.

[@anandpari24]

Nice Testing Tuto. Love it. Thanks :-)

[@raphapiki]

very good! do you have some example about testing directives?

[@Techsithtube]

Which testing Directive are you referring to?

[@raphapiki]

test a combobox

[@supindersingh8882]

I want more advanced tutorial with real life examples. Please suggest.

[@devduttsharma3178]

Very nice tutorial good experience.

[@baidyanathpanda1964]

Great tutorial

[@TheUltimateTrainJourney]

What is fixture

[@vaishaligore628]

Thank you so much ....understood very easily

[@shyamkumar4love]

nicely done.. thanks man

[@hurraay123]

Great tutorial.. keep doing the great job sir :)

[@arunkumarkv1195]

can i know how to write test cases for this accordion. Please help me out

[@Techsithtube]

you would have to mock the input here

[@arunkumarkv1195]

@@Techsithtube can you share one example

[@gurunathaprasad]

Thank You so much. This is soo good and simple

[@Techsithtube]

Thanks for watching :)

[@jiashish2]

This was good. But I didnt see any integration of Protractor. You are running everything through A. CLI using Karma. Also, Protractor is End to end testing tool then how can you use it in Unit testing. Very confused with this. Little enlightment would be awesome.

[@Sam-rn1io]

Nice explanation

[@skybitsindri]

Hi, One of the most easiest tutorial to setup test framework with angular Js. Could you provide the same for react JS too

[@Techsithtube]

Sure I am going to extend the react series further. And include tests as well.

[@piyushkushwah8995]

Hey,only 1 video.Have u uploaded full series for unit testing of angular2

[@Techsithtube]

I have one more video on unit testing kzbin.info/www/bejne/jYOynqGeh8d7bM0 will make more also i have a larger series on angular kzbin.info/aero/PL7pEw9n3GkoWoDfLSOQCtLIEg-gL5dYOF

[@ravikiran4256]

very helpful tutorial keep going on

[@rajagovindan5754]

Superb... Nice tutorial

[@VinothKumar5403]

How do i run particular service or component test file instead of running all the files?. Pls explain how do i configure in karma. config. Js

[@Techsithtube]

you can run the grep by filename using following command karma run -- --grep=filename

[@midunkumarm8615]

Hi, Am trying to write test for input fields and some of the HTML components if I write test case for this it's working fine but when in inject any services inside my component and try to write test case for same input and HTML components it's not rendering in spec file and am getting error like "object prototype may only be an object or null:undefined" if you have any idea about how to resolve it please let me know

[@Techsithtube]

Is it a data service?

[@midunkumarm8615]

techsith yes we are using data service

[@Techsithtube]

you would need to mock the data.

[@PrabhudattaDasAdhikary13]

Sir how to identify the things should be tested???

[@Techsithtube]

I think there is a option for getting coverage which will tell you what to test.

[@hasmukhbaldaniya2603]

Good video but Can you please continue the topic with more advanced testing? example: Suppose a project has been developed (Restfull API integrated) so how can we test that project? Please provide us one video more

[@Techsithtube]

Hasmukh, I do have a plan for more tutorials on testing.

[@hasmukhbaldaniya2603]

techsith thanks for reply. I am waiting for more videos

[@joynerortiz2545]

Thanks for your help!

[@mukeshm280]

we can remove code duplicate by creating service object in beforeEach()

[@Techsithtube]

That is true. :)

[@hemakumarreddy7816]

Nice explanation thank you

[@harinov22]

How do I skip test for some component in karma

[@Techsithtube]

its very simple just put 'x' in front of 'it' for the tests that you want to skip xit("description", function() { });

[@mg-ln9sw]

Awesome! Thank you!

[@girishacharya227]

I had Interview on angular 2 could not answers 3 questions please help we with this 1) why do we use Services in angular2 2) how MVC work in angular2? 3) can we use reactJS in angular2?

[@Techsithtube]

1) Functionalities that you want to use at many components in Angular should be inject into those components. This way you get the code usability. 2) Angular2 is component base architecture so classical MVC doesnt really work. so you should not be using it. 3) Angular 2 has an optional hook, onInit(), that takes advantage of triggering the code to render a React component

[@girishacharya227]

Thank...

[@Devnikakiduniya]

Girish acharya can you post some interview questions Bro bcz my interview is next week .

[@girishacharya227]

1)why do we use services & how do you inject a service into a component? 2)what is a router? (go through all the concept) 3)what are directive & how do you use a custom directive? 4)what are pipes & how do you use a custom pipe? 5)how do you validate forms & how Authentication works in login page? 6)how do you communicate from one component to another component? 7)what is Data binding? 8)what is event emitter? 9) what is Module and how inheritance works in angular 2? 10)what is the use of typescript in angular2? 11)life cycle hooks of angular2? 12)b/w Observables and promise? 13)what is ng-template? 14)what is the use of constructor in Angular? 15)how do you perform Unit testing in Angular? 16)what is lazy loading, view child, content child & decorator? 17)how does angular app starts? 18)how do you make Http request? All the best for your interview

[@Devnikakiduniya]

Girish acharya Thanks brother this is my email id [e-mail] can you send e-mails for answer also.

[@RECKED_NOXIN]

very knowledgeable tutorial for bignner

[@rangaraothondamalla5191]

Thank You Very Much.. Sir..

[@Techsithtube]

Thanks for watching Rangarao.

[@anasshawesh3425]

right to the point

[@JustThink2000]

Very helpful, thanks!