Thomas 9/20/22 Thomas 9/20/22

[TypeScript] VS Code API: Let’s Create A Tree-View (Part 3)

In the third part I finalized the cucumber TreeView example in my VS Code extension with TypeScript. We can now run our tests either from a button in our TreeView or from the context menu by clicking on the items. After we executed the tests, the result is set in the TreeView to the items with an icon. I implemented this for the C++ cucumber framework.

[TypeScript] VS Code API: Let’s Create A Tree-View (Part 2)

In my first article we started to create a TreeView in TypeScript for *.feature files from cucumber. Now we continue and add some functionality. We implement a on item clicked method which is executed after clicking on it and add a context menu for the right click on an item in the tree view.

[TypeScript] VS-Code API: Let’s Create A Tree-View (Part 1)

VS Code is my personal favorite editor. In this article we start to create a tree view with TypeScript and the vscode api. We’ll parse some test files (*.feature) from cucumber tests and display their scenario and feature files in vscode. It doesn’t matter if you’re familiar with cucumber, this article focuses on the tree view and the vscode api itself (we just parse the files).