Let's create a tree view with vscode in TypeScript. In this project I'll start to implement a vscode extension which displays all your cucumber features and scenarios in a tree view.
On my blog you can find the articles to this repository:
- VS-Code API: Let’s Create A Tree-View (Part 3)
- VS-Code API: Let’s Create A Tree-View (Part 2)
- VS-Code API: Let’s Create A Tree-View (Part 1)
In my last part about TreeViews I implemented the icons with respect to their last test result. Where the green check means passed, the red cross means failed and the yellow splash means the test step is undefined (step not implemented). With the play butten we execute all tests or we use the context menu to run a single feature file or just a single scenario.
Here I implemented on_item_clicked(..) to jump to the corresponding file and added a context menu to the tree view. There is no logic on the functions implemented yet, only two different logs, that we can see the functions are called accordingly.
In the first article, the extention parses only feature files and creates a menu entry at the navigation bar: