Testing | Cannot read property 'assertPresent' of undefined at resetFakeAsyncZone

Question

I have a problem with karma v1.4. testing framework. All my unit tests are now failing with error Cannot read property 'assertPresent' of undefined at resetFakeAsyncZone

I've already searched for solutions and tested them, but unfortunately none helped. The solutions suggests that I should change the order of imports in my test.js file. I've done that.

This is the suggested order I am using, but it still fails:

import 'zone.js/dist/zone.js'; // 1st
import 'zone.js/dist/async-test'; // 2nd
import 'zone.js/dist/fake-async-test'; // 3rd
import 'zone.js/dist/long-stack-trace-zone'; // 4th
import 'zone.js/dist/sync-test'; // 5th
import 'zone.js/dist/proxy.js'; // 6th
import 'zone.js/dist/jasmine-patch'; // 7th

PS: I am using VS Code, which now automatically sorts imports upon file save and thus changes my custom order of imports, which is super annoying in this case. I do not know how to disable it for specific file only, so I have to edit my test.js file in Notepad.

score 32 · Answer 1 · edited Sep 04 '18 at 18:42

32

Which version of zone.js is used?

In the newer version of zone.js, there is no need to load each test lib separately.

Place the following at the top of test.ts.

import 'zone.js/dist/zone-testing';

Note: It is important that this import is before any other imports!

edited Sep 04 '18 at 18:42

Mike G

1,956
1
30
62

answered Jun 22 '18 at 09:27

jiali passion

1,691
1
14
19

1

I am using version 0.8.26, but that import did not change anything. I am still getting the same error – David Votrubec Jun 22 '18 at 09:50
Could you provide a reproduce repo? – jiali passion Jun 22 '18 at 09:56
4

Had the same problem with the same zone version. Solution was not to reorder imports in test.ts: Put `import 'zone.js/dist/zone-testing';` before every other import. – MrCube Jul 11 '18 at 10:36
@MrCube Thanks for pointing this out. Implementing tslint --fix with alphabatized imports rule will introduce this issue for the exact reason you point out! – Mike G Sep 04 '18 at 17:19
3

"at the top" is really important – veben Oct 17 '19 at 14:21
To be absolutely clear, it should be before any other imports, *except* your existing polyfills, which is where most of us put the core `zone.js/dist/zone`. `zone-testing` needs to have `zone` loaded first. – Coderer Oct 26 '20 at 15:11

score 3 · Answer 2 · answered Dec 14 '20 at 23:39

I experienced this problem after VS Code re-ordered my imports.

The fix is to include the 2 zone imports first - I'm adding a new answer b/c zone-testing needs to come after zone. (If you put zone-testing before zone, you'll get a Zone is not defined in ..../vendor.js error).

Here is the full code for a working test.ts file:

import 'zone.js/dist/zone';
import 'zone.js/dist/zone-testing'; // AFTER zone, BEFORE everything else

import { getTestBed } from '@angular/core/testing';
import {
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';


declare const require: {
  context(path: string, deep?: boolean, filter?: RegExp): {
    keys(): string[];
    <T>(id: string): T;
  };
};

// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('../../', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);

Fateh Mohamed · Answer 3 · 2018-06-22T08:23:52.700

1

here is the order and you can add this:

// tslint:disable-next-line:ordered-imports

to disable import order for the next line

import 'zone.js/dist/long-stack-trace-zone';
import 'zone.js/dist/proxy.js';
import 'zone.js/dist/sync-test';
// tslint:disable-next-line:ordered-imports
import 'zone.js/dist/jasmine-patch';
// tslint:disable-next-line:ordered-imports
import 'zone.js/dist/async-test';
import 'zone.js/dist/fake-async-test';

or disable it for the block

// tslint:disable:ordered-imports
 import 'zone.js/dist/long-stack-trace-zone';
 import 'zone.js/dist/proxy.js';
 import 'zone.js/dist/sync-test';
 import 'zone.js/dist/jasmine-patch';
 import 'zone.js/dist/async-test';
 import 'zone.js/dist/fake-async-test';

and run your test like this to see the exact error:

ng test -sm=false

edited Jun 22 '18 at 08:23

answered Jun 22 '18 at 08:14

Fateh Mohamed

20,445
5
43
52

Thank you, but it still fails with the same error. I have upgraded the npm packages related to unit testing to their latest versions, but it did not help. – David Votrubec Jun 22 '18 at 08:21
run your test like this to see the exact error : ng test -sm=false – Fateh Mohamed Jun 22 '18 at 08:24

score 1 · Answer 4 · answered Sep 02 '20 at 17:27

1

Best Solution is to use jasmine clock

it('test', () => {
  // arrange
  const clock = jasmine.clock();
  clock.install();
  ... other arrangements

  // act
  ... actions
  clock.tick(2000);

  // assert
  clock.uninstall();
  ... asserts
});

answered Sep 02 '20 at 17:27

Muhammad Daniyal Khan

51
1

score 0 · Answer 5 · answered Feb 06 '20 at 21:08

0

This error occurred when a Jasmine test was using fakeAsync and tick. Removing fakeAsync/tick resolved this issue.

answered Feb 06 '20 at 21:08

Atif Majeed

1,021
17
14

1

Why was it there in the first place? – Sandro May 05 '20 at 21:11
This worked for me, not sure why you get all these downs – sino Dec 07 '20 at 00:43
what if I need the fakeasync + tick? – PMO1948 Dec 28 '20 at 14:58
setTimeout in the code being tested can cause this issue. Try using flush() or tick(). – Atif Majeed Dec 29 '20 at 15:12

Testing | Cannot read property 'assertPresent' of undefined at resetFakeAsyncZone

5 Answers5

Linked