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…]
angular-cli is great because it basically does a ton of boilerplate stuff for you. When you want to create a new project, you just tell angular-cli to make you one and BOOM – you’re good to start programming. Its one of the reasons that I think I still prefer Angular over React or Vue or … [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 wanted to have a ng-pagination control as well as a few “results per page” links to change the number of items displayed in a given page. However, ngb-pagination is always displayed as a block, so you have to fiddle around with it to get it to work. First I tried to just put … [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…]
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…]