In a previous post I talked about how to use Observable.throw to simulate an Observable error in a unit test. However, in RxJS 6, the syntax changed a bit. I also talked about this a bit in this post about using of to create Observables on the fly for testing in RxJS 6, but I … [Read more…]
There’s several tutorials for how to use and test HttpClient, but I wanted to distill it down to a simple snippet that I can refer back to when I inevitably forget how to do it. via GIPHY HttpTestingController This handy thing is provided by importing the HttpClientTestingModule in to your TestBed. It lets you manipulate … [Read more…]
For some reason I’ve procrastinated looking in to transition animations in Angular. via GIPHY Transitions are visually pleasing, and it can give your application a nice feel that makes your users think “Wow, this is a nice site.” Subtle animations are the best – the ones you don’t really notice unless you’re looking for them. … [Read more…]
Recently I had created a couple of components to make filtering and sorting a list of objects easier. Essentially I wanted a table where the headers are clickable for sorting and also have a textbox below them for filtering. Now, this isn’t super great, because I’m downloading all of the data to the client side … [Read more…]
Recently, I was writing some unit tests for Angular. It was a pretty basic test, just checking to see if a method on an injected provider was called when a method in my component executed… but suddenly everything blew up with this weird error: TypeError: Cannot read property ‘ngInjectableDef’ of undefined Googling around didn’t really … [Read more…]
Recently I had an Angular component that needed to be manually sized based on the window’s size. Admittedly, this is pretty annoying, but the user experience was so much better than anything I could come up with using straight CSS. It worked fine to get the dimensions of the window and calculate the width and … [Read more…]
Sometimes when you’re writing Javascript unit tests you have to give Javascript a chance to catch up before checking your assertions. Javascript uses a single event loop, so it isn’t multi-threaded in the same way as other languages. You can still get a “multi-threaded feel” by using callbacks (promises, observables, etc), but at the end … [Read more…]
Recently I wrote some code that contained a setTimeout. The reason was so that the UI could catch up before the function actually fired – something that I’ve found the need to do with javascript from time to time. So, when it comes to testing the code… my test just skipped along until it literally … [Read more…]
There’s some debate as to whether or not you should test private members in a class. Generally, I fall in to the “if it makes sense to test it, test it” camp. If there’s a private method that is only accessible by a hard-to-mock series of callbacks or events, I would much rather write a … [Read more…]
In a previous post I talked about testing Observables in your Angular code. This is pretty common, because HttpClient sends back an Observable<T> – so if you want to spyOn that function, you’ll need to figure out how to return an Observable. I’ve been bouncing around a couple of projects/repos recently, and it turns out … [Read more…]