[Feature Request] Add option to "flatten" the tree view

[mojo2012]

Environment

1. vscode-jest version: 1.67.2
2. node -v: v16.15.0
3. npm -v: 8.5.5
4. npm ls jest: ├─┬ jest-preset-angular@12.0.1
   │ └── jest@28.1.0 deduped
   ├── jest@28.1.0
   └─┬ ts-jest@28.0.3
   └── jest@28.1.0 deduped
5. your vscode-jest settings if customized:
   • jest.jestCommandLine: -
   • jest.autoRun: off
6. Operating system: macOS 12.4 (21F79)

Prerequisite

• are you able to run jest test from the command line? yes
• how do you run your tests from the command line? yes

Steps to Reproduce

1. Add a spec file somewhere deeply nested in the project folder.
2. open test explorer

Expected Behavior

Add an option to "flatten" the nested tree to only show a tree containing:

• spec 1
  ** should do stuff
  ** should do another stuff
• spec 2
  ** should do stuff again
  ** should not do stuff

Mind, that the actual file path to the specs is not shown in the test explorer!

Actual Behavior

Either we get a deeple nested tree structure to drill down or we only get a super-flat list. The later is not an option because it doesn't group the individual tests at all.

This extension has such a view: https://github.com/hbenl/vscode-test-explorer
(Unfortunately it has problems with typescript)

[connectdotz]

the tree view is built by the vscode TestExplorer, you should probably file this issue in vscode instead:
https://github.com/microsoft/vscode/issues

[mojo2012]

I don't think that's the way to go. As mentioned above the vscode-test-explorer extension doesn't have this issue. It allows to flatten the treeview. This implies that it's possible for an extension to actually manipulate the tree that is rendered by vscode.

[connectdotz]

I stand corrected, yes we do control the tree structure. the current test explorer provides 2 formats, list and tree, seems like you are asking for a somewhat hybrid structure: you want the test file and the path to be flat, but the tests inside should still show describe/test structure, correct?

This can be done and should be pretty isolated, see https://github.com/jest-community/vscode-jest/blob/master/src/test-provider/test-item-data.ts. If you are interested, I can work with you.

[mojo2012]

@connectdotz Yes, basicalle the image from above would look like this:

• hhla-agw
  • (path to file, optionally) history.component.spec.ts
    • DashboardOfferDetailsHistorydataComponent
      • should create
      • should not fail on empty data
      • should do something else

It might be good to show the actual path, especially if several tests have the same filename.

I don't know if I find the time to do it myself, but if you would do the coding, I'd be willing to test it and give feedback.