fix(vscode): make work better with venvs (#4482)

Author: benfdking

.circleci/continue_config.yml

@@ -37,6 +37,42 @@ commands:
             - run: circleci-agent step halt
 
 jobs:
+  vscode_e2e_test:
+    docker:
+      - image: cimg/node:20.19.1-browsers
+    resource_class: medium
+    steps:
+      - checkout
+      - run: 
+          name: Install python
+          command: |
+            sudo apt-get update
+            sudo apt-get install -y python3.10-venv python3-pip
+            python3.10 -m pip install --upgrade pip
+      - run:
+          name: Create Python venv
+          command: |
+            python3 -m venv venv
+            . ./venv/bin/activate
+      - run:
+          name: Install Python dependencies
+          command: |
+            python -m pip install --upgrade pip
+            make install-dev
+      - run:
+          name: Install Dependencies
+          command: |
+            pnpm install
+      - run:
+          name: Install VSCode 
+          command: |
+            cd vscode/extension
+            pnpm run fetch-vscode
+      - run:
+          name: Run VSCode extension tests
+          command: |
+            cd vscode/extension
+            pnpm run test:e2e:ci
   vscode_test:
     docker:
       - image: cimg/node:20.19.1-browsers
@@ -347,4 +383,5 @@ workflows:
       - ui_style
       - ui_test
       - vscode_test
+      - vscode_e2e_test
       - migration_test

vscode/extension/package.json

@@ -88,6 +88,7 @@
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui",
     "test:e2e:headed": "playwright test --headed",
+    "test:e2e:ci": "xvfb-run --server-args=\"-screen 0 1280x720x24\" npx playwright test --reporter=line,junit",
     "fetch-vscode": "tsx scripts/fetch-vscode.ts",
     "compile": "pnpm run check-types && node esbuild.js",
     "check-types": "tsc --noEmit",