Это видео недоступно.
Сожалеем об этом.
Angular Testing Quick Start
HTML-код
- Опубликовано: 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. angularfirebas...
Jasmine: jasmine.github...
Testing Docs: angular.io/gui...
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.
It's amazing how he breaks down these things.
Ill Keep testing my app manually for now xd
Wow I've been waiting for a high quality video teaching testing!
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 ! 😊
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.
Just the kind of content I was looking for, thank you
Just use RUclips 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
Thank you my guy. Literally the only helpful thing i've seen on this topic
This was TDD? Weren't you supposed to write the test first, see it red, then write the code that turns it green?
Whoa!!! I am not ready for this!!
Excellent content. BUT PLEASE SLOW DOWN. :o)
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)?
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.
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.
Strong and effective pill to learn angular testing, thanks! :)
bro , this was amazing tutorial, also please provide the code that you have written above, like in a github repo!
Finally somebody without a funny accent!
At the 7th minute mark i changed from 1.5x to 0.75x :D
But this was really helpful. big thanks.
Very helpful, thank you so much for easy explanation.
This was helpful, thank you.
very helpful, thanks.
If I want to use a different browser than chrome what to do? I have Edge and Brave installed in my system.
Great Video, thanks!!
Thanks for watching :)
Little misspoke in 02:56, but for sure You can call it AngularButtonComponent. :p
awesome..
expecting some native mobile app please......
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?
Thanks for this.
Thats not are test driven development, is suppose you should create the tests first and then create the functionallity based on tests
Thank you!
Great work like always. How can I test a login function in angularfire? Anybody have an idea?
How would you write a spec that reads from an observable's header(s)?
Hi, where can i find the paper shown in the beginning? Tanks.
Excellent content
Just imagine, a beginner watching this video. It's way too fast for him.
This isn't for beginners
awesome thankyou!
I like ur vscode theme what is it ?
Great video 👌
Arent' you doing Behaviour driven development with Jasmine?
BDD is a type of Test driven development
Great video
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?
This is really good
Does Angular still use Protractor?
I've never subscribed to fast!
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 ruclips.net/video/vo6D9etWI4A/видео.html
What is the icon pack you are using for VSCode ?? it looks cool
I use vscode-icons + atom-one-dark for syntax.
awesome thank you
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.
Great content! but it was hard to follow since you went through your content quite fast.
Why does content has an async pipe on the template if its just a string?
This is Nice
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
ruclips.net/video/Yod3tBt0beM/видео.html
Which os that?
Ubuntu
Not really a tutorial
Nobody said it was
Firebase ... ts ts ts
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)
Way too fast to understand what's going on. Little to no explanations
Very very quickly, It's very bad :(
0of
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 RUclips.
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