How to Fake a Route Change in an Angular Unit Test

-

This isn't something that's come up too often in my experience with Angular, but sometimes I've needed to write code that subscribes to Router.events and takes action based on the current route.

But how do you test something like that in a unit test? The key is by using a Subject, which is a kind of Observable, and exposes a next() method, which allows us to simulate a route change. Here's an example:

    const event = new NavigationEnd(1703, `/account/orders/${orderId}`, '/');
    (router.events as Subject<Event>).next(event);

By casting Router's events property as a Subject, we can call next() with our NavigationEnd event, and simulate the route change.

For the Event type, make sure you are importing Event from @angular/router.

Comments

Post a Comment

Popular Posts

How to Get Norton Security Suite Firewall to Allow Remote Desktop Connections in Windows

-
Image
I ran into an issue recently with RDP connections being blocked by the firewall in Norton Security Suite. I checked the traffic rules under Settings > Firewall > Traffic Rules  and found that it was enabled by default (and couldn't be edited): But during further research, I found  this page  on Norton's support site which discusses the different trust levels of networks and mentions that, for the Public trust level, "This setting also blocks remote desktop connections by default.". I checked my network's trust level, and sure enough, it was set to Public (I'm not sure how/why). (Sidebar: Notice in the screenshot above that allowing Remote Desktop for Public Networks is defaulted to Allow , though that rule is not active). Here's what my network trust level looks like now after changing the setting to Private (accessible under Settings > Firewall > General Settings > Network Trust ): After changing the network trust level t...
Read more

Resolving the "n timer(s) still in the queue" Error In Angular Unit Tests

-
A few months ago one of the developers I work with ran into the below error in an Angular unit test: 1 timer(s) still in the queue The fix was to specify a particular amount of time in the tick() call as shown below: it( 'should set accountConfirmationDetails when getAccountConfirmationDetails is called' , fakeAsync(() => {          // Arrange          let  spyGetAccountConfirmationDetails = spyOn(accountService,  'getAccountConfirmationDetails' )         .and         .returnValue(Promise.resolve(AccountMockData.mockAccountConfirmationDetails));                    // Act         fixture.detectChanges();   ...
Read more

How to Determine if a Column Exists in a DataReader

-
I recently had to work on something which required me to query a database, open the results in a DataReader, and check for the existence of a particular column. While the DataReader doesn't have a method to do this, with just a few steps I was able to accomplish this task. Here's how. First, the DataReader has a method named GetSchemaTable() , which returns a DataTable consisting of information regarding the data contained in the DataReader. The first column in this DataTable is named ColumnName , and its value is (obviously) the name of the column. Knowing this, we can loop through the rows in the DataTable, checking the ColumnName column for a value that equals the name of the column we're looking for. To this end, I wrote a static method in one of my classes which takes the DataReader and the name of the column being sought: (C#) public static bool HasColumn(DbDataReader Reader, string ColumnName) {    foreach (DataRow row in Reader.GetSchemaTable().Rows)  ...
Read more

Video Game Review: Your Shape Fitness Evolved for Xbox 360 Kinect

-
Image
I recently picked up Your Shape Fitness Evolved for Kinect on Xbox 360. There aren't currently a lot of Kinect titles, but this one is one of the best I've tried. Having used Wii Fit, Wii Fit plus, and EA Active for Wii, I can safely say this game gives me a better workout than any of them, though it isn't perfect. The game offers 3 different types of workouts: a personal trainer guided workout (of which there are several regimens to choose from), fitness games (for example, Virtual Smash, which has you punching blocks that appear in front of you), and Zen workouts (Tai Chi). After messing around a bit with the games and zen stuff, I decided to get down to it with the personal trainer workouts. I thought I was in pretty good shape. Well, at least not bad shape. I'm relatively active, and do a lot of walking, including a daily lunchtime walk that lasts about half an hour which I've been doing for almost 10 years. So I was surprised when Your Shape decided to destro...
Read more

Silent Renew and the "login_required" Error When Using oidc-client

-
I recently implemented the Silent Renew functionality of oidc-client in an Angular application I work on, and was getting reports that the users' tokens were still expiring. This made no sense to me as I'd verified the code was working during development, but yesterday I found the problem and am hoping it will save someone some time. The error we were getting back was "Error from signinSilent: login_required". This indicates that the user's session is no longer active on IdentityServer and they must re-authenticate -- which, of course, is what we're trying to prevent by using Silent Renew. In our case, the problem wasn't with the Silent Renew functionality, but rather the user's session was expired. The reason why  it was expired was because, for some reason, we were setting the session length to 15 minutes instead of the default 10 hours . What was occurring was that Silent Renew was attempting to renew a token after 55 minutes (60 minutes expirat...
Read more