angular-cli icon indicating copy to clipboard operation
angular-cli copied to clipboard

Add support for Vitest VSCode Plugin and similar

Open yjaaidi opened this issue 1 month ago • 4 comments

Command

test

Description

As Angular does not provide a Vitest plugin, it can't expose a vitest.config.ts file to 3rd party tools such as IDEs.

This means that as of today, it is impossible to use Vitest VSCode Plugin, nor WallabyJS, nor WebStorm integration etc... unless users switch to Analog plugin https://analogjs.org/docs/features/testing/vitest

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

yjaaidi avatar Nov 09 '25 19:11 yjaaidi

This feature request is now candidate for our backlog! In the next phase, the community has 60 days to upvote. If the request receives more than 20 upvotes, we'll move it to our consideration list.

You can find more details about the feature request process in our documentation.

angular-robot[bot] avatar Nov 10 '25 13:11 angular-robot[bot]

This is indeed a must, for proper DX

the-ult avatar Nov 12 '25 14:11 the-ult

Interesting data point about this

In the experimental vitest runner of Angular v20 this worked a bit. In IntelliJ you could run a test via the button in the gutter of the test file and it would run all test of that test file. However:

  • the links in the console output would lead to the bundled .js files instead of the original ones
  • debugging immediately runs into an error about unrecognized parameters for ng test

JaMeZ-B avatar Nov 13 '25 11:11 JaMeZ-B

I spent a lot of time trying to make this work with the Vitest VSCode vitest.explorer extension, as mentioned earlier trying to get the AnalogJS plugin working, which adds undesired complexity ... if you can get it to work, which I could not.

Please consider improving this soon 🙏

Update: Have a hack/workaround working for now

replete avatar Nov 22 '25 14:11 replete