chore(vscode): add e2e test

Author: benfdking

.github/workflows/pr.yaml

@@ -0,0 +1,40 @@
+on:
+  pull_request:
+    branches:
+      - main
+concurrency:
+  group: 'pr-${{ github.event.pull_request.number }}'
+  cancel-in-progress: true
+jobs:
+  test-vscode-e2e:
+    env:
+      PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    runs-on: macos-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-python@v4
+        with:
+          python-version: '3.12'
+      - name: Install Python dependencies
+        run: make install-dev
+      - uses: actions/setup-node@v3
+        with:
+          node-version: '20'
+      - uses: pnpm/action-setup@v2
+        with:
+          version: latest
+      - name: Install dependencies
+        run: pnpm install
+      - name: Run CI
+        run: pnpm run ci
+      - name: Fetch VSCode
+        working-directory: vscode/extension
+        run: pnpm run fetch-vscode
+      - name: Run E2E tests
+        working-directory: vscode/extension
+        run: pnpm run test:e2e --max-failures 1
+      - name: Upload test videos
+        uses: actions/upload-artifact@v4
+        with:
+          name: test-videos
+          path: vscode/extension/test-videos/

vscode/extension/.gitignore

@@ -5,4 +5,5 @@ out
 *.vsix
 LICENSE
 src_react
-!src_react/.gitkeep
+!src_react/.gitkeep
+test-videos

vscode/extension/tests/utils.ts

@@ -33,15 +33,7 @@ export const startVSCode = async (
   const userDataDir = await fs.mkdtemp(
     path.join(os.tmpdir(), 'vscode-user-data-'),
   )
-  const ciArgs = process.env.CI
-    ? [
-        '--disable-gpu',
-        '--headless',
-        '--no-sandbox',
-        '--disable-dev-shm-usage',
-        '--window-position=-10000,0',
-      ]
-    : []
+  const ciArgs = process.env.CI ? ['--window-position=-10000,0'] : []
   const args = [
     ...ciArgs,
     `--extensionDevelopmentPath=${EXT_PATH}`,
@@ -54,6 +46,7 @@ export const startVSCode = async (
   const electronApp = await electron.launch({
     executablePath: VS_CODE_EXE,
     args,
+    recordVideo: { dir: 'test-videos' },
   })
   const window = await electronApp.firstWindow()
   await window.waitForLoadState('domcontentloaded')