feat: BottomBarPanel support for custom tabs (#1697)

Author: pospisilf

docs/BottomBarPanel.md

@@ -32,3 +32,9 @@ const outputView = await bottomBar.openOutputView();
 const debugConsoleView = await bottomBar.openDebugConsoleView();
 const terminalView = await bottomBar.openTerminalView();
 ```
+
+#### Open custom panel
+
+```typescript
+await bottomBar.openTab("name");
+```

packages/page-objects/src/components/bottomBar/BottomBarPanel.ts

@@ -104,7 +104,13 @@ export class BottomBarPanel extends AbstractElement {
 		await this.resize(BottomBarPanel.locators.BottomBarPanel.restore);
 	}
 
-	private async openTab(title: string) {
+	/**
+	 * Opens (or focuses) a tab in the bottom bar panel by its title.
+	 *
+	 * @param title The exact name of the tab to be opened or focused.
+	 * @returns A promise that resolves when the tab is opened or focused.
+	 */
+	public async openTab(title: string) {
 		await this.toggle(true);
 		const tabContainer = await this.findElement(BottomBarPanel.locators.BottomBarPanel.tabContainer);
 		try {

tests/test-project/src/test/bottomBar/bottomBarPanel.test.ts

@@ -16,12 +16,16 @@
  */
 
 import { expect } from 'chai';
-import { BottomBarPanel, WebElement, Workbench, ViewControl, ActivityBar } from 'vscode-extension-tester';
+import path from 'path';
+import { BottomBarPanel, WebElement, Workbench, ViewControl, ActivityBar, WebviewView, By, VSBrowser } from 'vscode-extension-tester';
 
 describe('BottomBarPanel', function () {
 	let panel: BottomBarPanel;
 
 	before(async function () {
+		const browser = VSBrowser.instance;
+		await browser.openResources(path.resolve(__dirname, '..', '..', '..', 'resources', 'debug-project'));
+
 		panel = new BottomBarPanel();
 		await (await new Workbench().openNotificationsCenter()).clearAllNotifications();
 		await ((await new ActivityBar().getViewControl('Explorer')) as ViewControl).closeView();
@@ -76,6 +80,16 @@ describe('BottomBarPanel', function () {
 		const view = await panel.openTerminalView();
 		expect(await view.isDisplayed()).is.true;
 	});
+
+	it('can switch tabs using openTab', async function () {
+		panel = new BottomBarPanel();
+		await panel.openTab('My Panel');
+		const webviewView = new WebviewView();
+		await webviewView.switchToFrame(5000);
+		const element = await webviewView.findWebElement(By.css('h1'));
+		expect(await element.getText()).has.string('Shopping List');
+		await webviewView.switchBack();
+	});
 });
 
 async function getHeight(element: WebElement): Promise<number> {

tests/test-project/src/test/webview/webviewView.test.ts

@@ -49,9 +49,11 @@ describe('WebviewViews', function () {
 			let webviewView: InstanceType<typeof WebviewView>;
 
 			before(async function () {
+				this.timeout(10000);
 				await new Workbench().executeCommand(param.command);
+				await new Promise((res) => setTimeout(res, 2000));
 				webviewView = new WebviewView();
-				await webviewView.switchToFrame(1000);
+				await webviewView.switchToFrame(5000);
 			});
 
 			after(async function () {