Test Tree API additions

[sandy081]

Testing #55879 #61313

• anyOS @octref
• anyOS @alexandrudima

Complexity: 3

Set Up

• Use the Tree View Sample Extension
• This contributes a Test View to explorer
• Use that view for testing
• Feel free to improvise testing by changing that view testView.ts.
• Change the vscode.engine to * in package.json before doing npm install to get latest vscode.d.ts and revert it back.
• Launch the extension

Expand option in reveal API

You can now expand an element while revealing it. You can also recursively expand the element's descendants maximum up to 3 levels.

• There is a command contribution in testView.ts that reveals an element when you provide a label

vscode.commands.registerCommand('testView.reveal', async () => {
	const key = await vscode.window.showInputBox({placeHolder: 'Type the label of the item to reveal'});
	if (key) {
		await view.reveal({ key }, { focus: true, select: false, expand: true });
	}
});

• Tweak expand value to boolean or number and verify expansion is working as expected.

Collapse All action (Proposed)

You can now have a collapse all action for your tree view by passing showCollapseAll flag to true while creating the view.

const view = vscode.window.createTreeView('testView', { treeDataProvider: aNodeWithIdTreeDataProvider(), showCollapseAll: true });

• Make sure Collapse all action is shown in the title for the view and test whether it is working as expected.

Label Highlights (Proposed)

You can now provide ranges of the label to highlight

function getTreeItem(key: string): vscode.TreeItem2 {
	const treeElement = getTreeElement(key);
	return {
		label: <vscode.TreeItemLabel>{ label: key, highlights: key.length > 1 ? [[key.length - 2, key.length - 1]] : void 0},
		tooltip: `Tooltip for ${key}`,
		collapsibleState: treeElement && Object.keys(treeElement).length ? vscode.TreeItemCollapsibleState.Collapsed : vscode.TreeItemCollapsibleState.None
	};
}

• Test if provided ranges are properly highlighted in the view