Angular Testing Quick Start
ฝัง
- เผยแพร่เมื่อ 2 ธ.ค. 2017
- Get started testing Angular 5 with Jasmine and Karma. This video covers basic testing component TDD concepts as well as 3rd party services like Firebase. angularfirebase.com/lessons/a...
Jasmine: jasmine.github.io/
Testing Docs: angular.io/guide/testing
Great Article: / tdd-the-rite-way - วิทยาศาสตร์และเทคโนโลยี
Man... testing Angular is harder than coding Angular 😎
Exactly its way harder.
Use the suite-slimmer npm package for angular, makes it a lot easier
I've already hesitating going towards testing. Thank you for creating such as mesmerizing video explaining tests.
You rock man, I was looking at the documentations of both Angular and Jasmine to understand the spec file in my components. You made me save a lot of time. I still have to rtfm of course but your video helps a lot ! 😊
Wow I've been waiting for a high quality video teaching testing!
Just the kind of content I was looking for, thank you
It's amazing how he breaks down these things.
Thank you my guy. Literally the only helpful thing i've seen on this topic
Ill Keep testing my app manually for now xd
Strong and effective pill to learn angular testing, thanks! :)
7:19 understood, but what if you don't know how long the delay will be? (which is the case in almost 100% of async stuff) is there a way to monitor that?
Have you figured out how to deal with such like cases?
@@wot0gold timeouts
using DoneFn and subscribe to observable and expect result to matcher then call done.
I think the answer is: you're always testing code by faking/mocking the dependencies. So you would fake or mock the async calls too, this mean, async calls that wait a certain time like in that video, you would fake that by tick(). You would also fake e.g. HTTP calls for example, so these wouldn't really take an unknown amount of time in your test, but only a faked amount of time or mostly: no time, because, the fake service would return the results asap.
Very helpful, thank you so much for easy explanation.
Thanks alot for your work i was waiting for this video
I said I would make this video six months ago, so glad to finally have it done. Thank you.
My Angular app is not shown in the test runner .... what do I have to configure or what do I have to make sure in my test cases (in the spec.ts files)?
This was helpful, thank you.
The observable of our message in the .spyOn() method. How can we use this in message body is always dynamic? Or should test be if the message body was loading into the html?
Whoa!!! I am not ready for this!!
How would you write a spec that reads from an observable's header(s)?
very helpful, thanks.
Thanks for this.
If I want to use a different browser than chrome what to do? I have Edge and Brave installed in my system.
Thank you!
Excellent content
Hi, where can i find the paper shown in the beginning? Tanks.
This was TDD? Weren't you supposed to write the test first, see it red, then write the code that turns it green?
awesome thankyou!
Great Video, thanks!!
Thanks for watching :)
Hi Jeff. I absolutely love the info you share. It's practical and applicable in real life situations. Are you thinking to share in the near future more videos about Firestore ? Can you do the Roled-based user permissions for Firestore, Firestore Database rules and How to connect Firestore users to their Data, like you did with Realtime Database ? Thanks in advance.
Thank you. Yes, Roled-based user permissions for Firestore is next on the list.
At the 7th minute mark i changed from 1.5x to 0.75x :D
But this was really helpful. big thanks.
Great video 👌
bro , this was amazing tutorial, also please provide the code that you have written above, like in a github repo!
Great video
Great work like always. How can I test a login function in angularfire? Anybody have an idea?
This is really good
awesome thank you
What is the icon pack you are using for VSCode ?? it looks cool
I use vscode-icons + atom-one-dark for syntax.
Just use TH-cam speed features noobs... 0.75x should do it :p
I'm using 2x.
This is good advice actually.
I tried that but it sounds scary :-O
1. Download the video.
2. Play it in VLC.
3. Use ' [ ' shortcut to slow the video speed.
some may need to watch it 4 times on 0.25
I am curious, how useful is this as a front-end developer?
Believe me, it is one of the most important skills to acquire
You use typescript to avoid bugs in your JavaScript code. Similary you use testing to validate behaviour of your components and services. That way you dont have to manualy test things and if you change something in your code the testing will tell if the exepcted behaviour of your components or service match the new version of the component or service.
I am learning it right now and Testing seems as mandatory as a compiler error messages to make you software solid.
Does Angular still use Protractor?
How to write test cases for conditional statements like if else if, switch or for-loop ?
According to various principles, you should never be using conditionals in unit tests
stackoverflow.com/questions/27880631/why-should-you-avoid-conditional-logic-in-unit-tests-and-how
and th-cam.com/video/vo6D9etWI4A/w-d-xo.html
This is Nice
I've never subscribed to fast!
Excellent content. BUT PLEASE SLOW DOWN. :o)
Little misspoke in 02:56, but for sure You can call it AngularButtonComponent. :p
awesome..
expecting some native mobile app please......
thank you
I like ur vscode theme what is it ?
Finally somebody without a funny accent!
Which os that?
Ubuntu
Arent' you doing Behaviour driven development with Jasmine?
BDD is a type of Test driven development
What's the point of making a test to expect data from a service if you're just going to fake that same data in the test?
Thats not are test driven development, is suppose you should create the tests first and then create the functionallity based on tests
Great content! but it was hard to follow since you went through your content quite fast.
I dont understand why should we need this karma, if we can just go and test manualy ...
Karma runs your tests on every code change. Something fails, you know about it right away.
Why does content has an async pipe on the template if its just a string?
Just imagine, a beginner watching this video. It's way too fast for him.
This isn't for beginners
Firebase ... ts ts ts
0of
Not really a tutorial
Nobody said it was
it is not a really good explanation bro, it looks like losing something in this video. ( for example: in HTML, the content | async will show wrong)
Very very quickly, It's very bad :(
Too fast to understand, take a pause man!!
You can slow down video in your options. I see lots of people complaining about the speed which this guy is presenting with. I personally think it's awesome. I don't have whole day to watch 1 hour video of some dude talking about basic stuff with tons of erm, oh eh whatever and repating same shit over and over. Just go straight to the point and talk clearly just like this guy does. If it's too fast for you, slow it down in the settings pal.
This should work
th-cam.com/video/Yod3tBt0beM/w-d-xo.html
Thanks for the video but unfortunately it does piss me off!
I know how to test but with this pace i was unable to follow along!
SLOW DOWWWWWN.
There is an option to slow down the video on TH-cam.
Way too fast to understand what's going on. Little to no explanations
Testing is the worst and most boring part of programming :/
What is the point of making a beginner level video that fast? because it is cool, ego-boosting?
I am a beginner and I like that pace. I just look at it a first time and then pause the video as I code and look at the documentation.
I prefer video that are quick because the documention is there for the details I just want to have a basic understanding of what I need, what will I do with the tool and how to do.
this is not a very indepth explanation at all.
Read the Doc for indepth