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();
       tick(15000);

        // Assert
        expect(spyGetPaymentConfirmationDetails).toHaveBeenCalled();
        expect(comp.zone).toBe(42);
        expect(comp.hasValidProfile).toBeTruthy();
}));

Hoping this helps someone!

Comments

Juan Mendes said…
Helped me! I also wanted to point out that the `tick()` has to be called in the same `fakeAsync` zone. I tried doing it from `afterEach(fakeAsync())` to avoid copy pasting it and it did not work!
October 31, 2018 at 7:46 AM
Cormick said…
Alan this helped me. Thank you for posting it.

I still don't understand what fixture.detectChanges() is doing that causes the timer to be stuck in the queue. I also don't know how to see tasks that are in the queue. Do you?
July 13, 2019 at 1:58 PM
kossmoboleat said…
Thanks that was useful! I had found the same problem somewhere else, but googling it and finding your note was actually easier than remembering that ;-)

Did you ever find out why this is the case? I suspect it's because of some asynchronous operation that's started but *not recognized* by tick() but *is* recognized by the angular zone when it realizes there are still timers in the queue...
May 20, 2020 at 5:47 AM
Anonymous said…
I am specifying an amount of time (500) and it still happens anyway. Does it have to be 15000? That seems like a long time.
April 10, 2024 at 7:10 PM
Anonymous said…
heled me
thanks
August 26, 2024 at 11:50 AM
Anonymous said…
GREAT IT SAVED MY LIFE.

I was about to Talon E from balcony.

:D

Now i can move on to test some more.

So you delayed the Talon E.

Thank you
September 2, 2025 at 8:41 AM

Post a Comment

Popular Posts

The Cause and Solution for the "System.Runtime.Serialization.InvalidDataContractException: Type 'System.Threading.Tasks.Task`1[YourTypeHere]' cannot be serialized." Exception

-
Image
The other day I worked on some new code that ran fine locally, but when deployed to one of our internal web servers threw the following exception: "System.Runtime.Serialization.InvalidDataContractException: Type 'System.Threading.Tasks.Task`1[NameOfTheOffendingType]' cannot be serialized." This had me scratching my head -- after all, to use that old developer's saying, "it worked fine on my machine". Not only that, but the exception was occurring when I was calling a method that didn't use the type mentioned in the exception (according to the stack trace it looks like the exception was happening during one of the many calls made under the hood during the use of a proxy class method). But once I found the cause of the problem, it made total sense. In this case, I had added a new WCF service reference to the project, and the proxy class that was generated for it was including some new task-based asynchronous operations that are supported in .NET 4....
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

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

Setting Default Values in an Angular Reactive Form

-
Something I ran into a few months back was that Angular won't reset a FormControl back to its initial value if you call reset()  on the FormGroup unless that FormControl was created with nonNullable: true . Here's an example:   private createForms ( formBuilder : FormBuilder ) : void {     //For the initial values to be considered the *default* values, we need to specify nonNullable: true.     //There used to be a dedicated property for this, but they deprecated it.     this . searchForm = formBuilder . group < ISearchForm >({       adminYear : new FormControl < number >( null , { validators : Validators . required }),       admin : new FormControl < string >( 'All' , { nonNullable : true , validators : Validators . required }), //Validator is kind of pointless here, as there WILL always be a value       examName : new FormControl < string | null >( null ), ...
Read more

Loading an Image from an Embedded Resource in .NET

-
Disclaimer: The following information is for educational purposes only. Do not use to harass muppets. This is one of those things that I learned to do back when I first started learning .NET, but can never remember how to do when I need it, so I'm adding it here. Hopefully this will come in handy to someone. First, add an image to your project. You can do this by right-clicking on your project in the Solution Explorer and selecting Add->Add Existing Item , then browse for an image file using the dialog that appears. After the image has been added, click on it in the Solution Explorer and set its Build Action to Embedded Resource . Adding images to your project this way is useful for when you deploy your assembly -- it removes the need to distribute individual image files, instead embedding them into your assembly. Next, use the following line of code to load your image from the embedded resource (examples are given in both C# and VB.NET. Please note that the below examples...
Read more