[BUG] New project instructions don't work

[lonix1]

I followed the official docs to create a new app.

Environment (latest of everything):
nx 7.7.2
angular-cli 7.3.1
node 10.15.3
npm 6.9.0
ubuntu 18
vscode 1.32.3

Repro:

sudo npm install --global @angular/[email protected]     # latest
npx create-nx-workspace myworkspace              # choose empty workspace
cd myworkspace
ng g application myapp                           # choose angular, jest, cypress
npm install

npm run test                                     # succeeds
ng test                                          # succeeds

Problem: running tests in IDE, or using jest in terminal, fails:

• From vscode: open vscode, then open the /apps/myapp/src/app/app.component.spec.ts
• From terminal: node_modules/.bin/jest apps/myapp/src/app/app.component.spec.ts --testNamePattern="AppComponent"

In both cases error is

"Zone is needed for the async() test helper but could not be found. Please make sure that your environment includes zone.js/dist/zone.js"

This is significant because the IDE tooling and various test extensions use the jest approach to find and run tests (rather than npm run test / ng test).

[lonix1]

This appears to be a problem for VSCode. However since it is the most used IDE in the node/angular world, this is a serious problem.

Has anyone figured out how to solve this? Can anyone share a boilerplate project which actually works?

[lonix1]

After following the workaround in that issue, the error is now

Uncaught (in promise): Failed to load app.component.html

and

This test module uses the component AppComponent which is using a "templateUrl" or "styleUrls", but they were never compiled. Please call "TestBed.compileComponents" before your test.

This is for a vanilla new project, using nx's generators. I've added nothing.

I also tried some tips on the angular site for this specific error, but they didn't help.

I've tried loads of workarounds and versions, without any progress. And there are many breaking changes with new versions of the dependencies.

[FrozenPandaz]

This extension has a configuration option for jest executable: https://github.com/jest-community/vscode-jest

This PR makes integration much better:
#1118

After that, you can set your path to the ./node_modules/.bin/ng test and it will work:

[lonix1]

Thanks for looking into this!

That PR looks cool, hope you guys manage to merge it soon!

[github-actions]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.