add command palette test

Author: sergiolms

.gitignore

@@ -9,6 +9,5 @@ images/settings
 gitlens-*.vsix
 tsconfig*.tsbuildinfo
 .DS_Store
-.wdio-vscode-service
 test-results
 playwright-report

package.json

@@ -17962,6 +17962,7 @@
 		"rebuild": "yarn run reset && yarn run build",
 		"reset": "yarn run clean && yarn --frozen-lockfile",
 		"test": "node ./out/test/runTest.js",
+		"test:e2e": "playwright test -c tests/e2e/playwright.config.ts",
 		"watch": "webpack --watch --mode development",
 		"watch:extension": "webpack --watch --mode development --config-name extension",
 		"watch:webviews": "webpack --watch --mode development --config-name webviews",
@@ -18007,7 +18008,7 @@
 	},
 	"devDependencies": {
 		"@eamodio/eslint-lite-webpack-plugin": "0.0.8",
-		"@playwright/test": "1.45.1",
+		"@playwright/test": "^1.46.1",
 		"@swc/core": "1.7.3",
 		"@twbs/fantasticon": "3.0.0",
 		"@types/mocha": "10.0.7",
@@ -18048,7 +18049,7 @@
 		"lz-string": "1.5.0",
 		"mini-css-extract-plugin": "2.9.0",
 		"mocha": "10.7.0",
-		"playwright": "1.45.1",
+		"playwright": "^1.46.1",
 		"prettier": "3.1.0",
 		"sass": "1.77.6",
 		"sass-loader": "16.0.0",

tests/playwright/.eslintrc.json renamed to tests/e2e/.eslintrc.json

@@ -12,17 +12,16 @@ export type TestOptions = {
 
 type TestFixtures = TestOptions & {
 	page: Page;
-	createTestProject: () => Promise<string>;
 	createTmpDir: () => Promise<string>;
 };
 
 let testProjectPath: string;
 export const test = base.extend<TestFixtures>({
 	vscodeVersion: ['insiders', { option: true }],
-	page: async ({ vscodeVersion, createTestProject, createTmpDir }, use) => {
+	page: async ({ vscodeVersion, createTmpDir }, use) => {
 		const defaultCachePath = await createTmpDir();
 		const vscodePath = await downloadAndUnzipVSCode(vscodeVersion);
-		testProjectPath = await createTestProject();
+		testProjectPath = path.join(__dirname, '../../../');
 
 		const electronApp = await _electron.launch({
 			executablePath: vscodePath,
@@ -61,24 +60,6 @@ export const test = base.extend<TestFixtures>({
 			await fs.promises.cp(logPath, logOutputPath, { recursive: true });
 		}
 	},
-	createTestProject: async ({ createTmpDir }, use) => {
-		await use(async () => {
-			// We want to be outside of the project directory to avoid already installed dependencies.
-			const projectPath = await createTmpDir();
-			if (fs.existsSync(projectPath)) await fs.promises.rm(projectPath, { recursive: true });
-			console.log(`Creating project in ${projectPath}`);
-			await fs.promises.mkdir(projectPath);
-			spawnSync(`yarn init playwright@latest --yes -- --quiet --browser=chromium --gha --install-deps`, {
-				cwd: projectPath,
-				stdio: 'inherit',
-				shell: true,
-			});
-			spawnSync(`git init .`, {
-				cwd: projectPath,
-			});
-			return projectPath;
-		});
-	},
 	createTmpDir: async ({}, use) => {
 		const tempDirs: string[] = [];
 		await use(async () => {

tests/playwright/playwright.config.ts renamed to tests/e2e/playwright.config.ts

@@ -0,0 +1,32 @@
+import { test, expect } from './baseTest';
+
+test.describe('Test GitLens Command Palette commands', () => {
+	test('should open commit graph with the command', async ({ page }) => {
+		// Close any open tabs to ensure a clean state
+		const welcomePageTab = page.locator('div[role="tab"][aria-label="Welcome to GitLens"]');
+		await welcomePageTab.waitFor({ state: 'visible', timeout: 5000 });
+		welcomePageTab.locator('div.tab-actions .action-item a.codicon-close').click();
+
+		// Open the command palette by clicking on the View menu and selecting Command Palette
+		const commandPalette = page.locator('div[id="workbench.parts.titlebar"] .command-center-quick-pick');
+		await commandPalette.click();
+
+		// Wait for the command palette input to be visible and fill it
+		const commandPaletteInput = page.locator('.quick-input-box input');
+		await commandPaletteInput.waitFor({ state: 'visible', timeout: 5000 });
+		await commandPaletteInput.fill('> GitLens: Show Commit graph');
+		await page.waitForTimeout(1000);
+
+		await page.keyboard.press('Enter');
+
+		// Click on the first element (GitLens: Show Commit graph)
+		/*
+		const commandPaletteFirstLine = page.locator('.quick-input-widget .monaco-list .monaco-list-row.focused');
+		await commandPaletteFirstLine.waitFor({ state: 'visible', timeout: 5000 });
+		await commandPaletteFirstLine.click();
+		*/
+		// Graph should be opened
+		await page.locator('.panel.basepanel').waitFor({ state: 'visible' });
+		await expect(page.locator('div[id="workbench.view.extension.gitlensPanel"]')).toBeVisible();
+	});
+});

tests/playwright/setup.ts renamed to tests/e2e/setup.ts

@@ -11,6 +11,6 @@ test.describe('Test GitLens installation', () => {
 		const gitlensIcons = await page.getByRole('tab', { name: 'GitLens' });
 		expect(gitlensIcons).toHaveCount(2);
 
-		expect(await page.title()).toContain('[Extension Development Host] gltest-');
+		expect(await page.title()).toContain('[Extension Development Host]');
 	});
 });

tests/playwright/specs/baseTest.ts renamed to tests/e2e/specs/baseTest.ts

@@ -740,12 +740,12 @@
   dependencies:
     playwright-core "1.45.3"
 
-"@playwright/test@1.45.1":
-  version "1.45.1"
-  resolved "https://registry.npmjs.org/@playwright/test/-/test-1.45.1.tgz#819b90fa43d17000fce5ebd127043fd661938b7a"
-  integrity sha512-Wo1bWTzQvGA7LyKGIZc8nFSTFf2TkthGIFBR+QVNilvwouGzFd4PYukZe3rvf5PSqjHi1+1NyKSDZKcQWETzaA==
+"@playwright/test@^1.46.1":
+  version "1.46.1"
+  resolved "https://registry.npmjs.org/@playwright/test/-/test-1.46.1.tgz#a8dfdcd623c4c23bb1b7ea588058aad41055c188"
+  integrity sha512-Fq6SwLujA/DOIvNC2EL/SojJnkKf/rAwJ//APpJJHRyMi1PdKrY3Az+4XNQ51N4RTbItbIByQ0jgd1tayq1aeA==
   dependencies:
-    playwright "1.45.1"
+    playwright "1.46.1"
 
 "@polka/url@^1.0.0-next.24":
   version "1.0.0-next.25"
@@ -6081,23 +6081,33 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
+[email protected]:
+  version "1.45.1"
+  resolved "https://registry.npmjs.org/playwright-core/-/playwright-core-1.45.1.tgz#549a2701556b58245cc75263f9fc2795c1158dc1"
+  integrity sha512-LF4CUUtrUu2TCpDw4mcrAIuYrEjVDfT1cHbJMfwnE2+1b8PZcFzPNgvZCvq2JfQ4aTjRCCHw5EJ2tmr2NSzdPg==
+
 [email protected]:
   version "1.45.3"
   resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.45.3.tgz#e77bc4c78a621b96c3e629027534ee1d25faac93"
   integrity sha512-+ym0jNbcjikaOwwSZycFbwkWgfruWvYlJfThKYAlImbxUgdWFO2oW70ojPm4OpE4t6TAo2FY/smM+hpVTtkhDA==
 
-[email protected], playwright@^1.45.0:
-  version "1.45.1"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.45.1.tgz#aaa6b0d6db14796b599d80c6679e63444e942534"
-  integrity sha512-Hjrgae4kpSQBr98nhCj3IScxVeVUixqj+5oyif8TdIn2opTCPEzqAqNMeK42i3cWDCVu9MI+ZsGWw+gVR4ISBg==
+[email protected]:
+  version "1.46.1"
+  resolved "https://registry.npmjs.org/playwright-core/-/playwright-core-1.46.1.tgz#28f3ab35312135dda75b0c92a3e5c0e7edb9cc8b"
+  integrity sha512-h9LqIQaAv+CYvWzsZ+h3RsrqCStkBHlgo6/TJlFst3cOTlLghBQlJwPOZKQJTKNaD3QIB7aAVQ+gfWbN3NXB7A==
+
+[email protected], playwright@^1.46.1:
+  version "1.46.1"
+  resolved "https://registry.npmjs.org/playwright/-/playwright-1.46.1.tgz#ea562bc48373648e10420a10c16842f0b227c218"
+  integrity sha512-oPcr1yqoXLCkgKtD5eNUPLiN40rYEM39odNpIb6VE6S7/15gJmA1NzVv6zJYusV0e7tzvkU/utBFNa/Kpxmwng==
   dependencies:
-    playwright-core "1.45.3"
+    playwright-core "1.46.1"
   optionalDependencies:
     fsevents "2.3.2"
 
-playwright@^1.45.1:
+playwright@^1.45.0:
   version "1.45.1"
-  resolved "https://registry.npmjs.org/playwright/-/playwright-1.45.1.tgz#aaa6b0d6db14796b599d80c6679e63444e942534"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.45.1.tgz#aaa6b0d6db14796b599d80c6679e63444e942534"
   integrity sha512-Hjrgae4kpSQBr98nhCj3IScxVeVUixqj+5oyif8TdIn2opTCPEzqAqNMeK42i3cWDCVu9MI+ZsGWw+gVR4ISBg==
   dependencies:
     playwright-core "1.45.1"