Angular9: Jest + Ivy without Zone (noNgZone).

[x47188]

Hey 🙌

I was wondering if there was any documented way to run Angular 9 + Jest without zone.js ( setupJest.ts heavily relies on Zone)?

[wtho]

Hey!

No, we just got into the first compatibility issues with Angular 9, so there's no work done on this field so far.
But you can try removing these imports in your project and report your findings!

[x47188]

Removing the zone imports will raise an In this configuration Angular requires Zone.js error at boot.

Some interesting findings:

• I'm not getting a TestBedRender3 instance from getTestBed() (probably related to the fact that I'm not using ngcc-compiled Ivy bundles).

• Nothing is available inside current TestBedViewEngine or TestBedRender3 implementations to easily disable Zone.js (that noNgZone flag could be a potential answer though).

• I tried toying with the injection container replacing NgZone value with a NoopNgZone etc... without success.

[ahnpnl]

I remember I tried this before, with Angular 8 or lower I also got some similar errors so I gave up about excluding zone. Angular looks like tightly coupled with zone

[wtho]

@x47188 but if I interpret the issue right, you do have an app that runs without zone.js and you want to achieve the same in jsdom for jest, is that the case?
Then I think we should look into it.

[x47188]

but if I interpret the issue right, you do have an app that runs without zone.js and you want to achieve the same in jsdom for jest, is that the case?

Absolutely.

Then I think we should look into it.

Very appreciated!

However I fear the current TestBedRender3 implementation isn't flexible enough to allow ivy-only zonejs-less rendering.

[wtho]

Do your zoneless tests run in Karma?

[x47188]

@wtho good question, I'll create a "repro" to verify that. (I've striped karma & co from my current code-base)

[wtho]

Thanks, if you could also share it, that would be awesome!

[ahnpnl]

I think this depends on the development from Angular to work without zone, which is currently in roadmap https://angular.io/guide/roadmap#leverage-full-framework-capabilities-with-zonejs-opt-out