feat: support vscode@1.96.0 (#37)

## Proposed changes
Update minimum version of the `vscode` to 1.96.0.
(support latest Cursor at 2025-5-30 )

## Types of changes

[//]: # 'What types of changes does your code introduce to WebdriverIO?'
[//]: # '_Put an `x` in the boxes that apply_'

- [ ] Polish (an improvement for an existing feature)
- [ ] Bugfix (non-breaking change which fixes an issue)
- [X] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected)
- [ ] Documentation update (improvements to the project's docs)
- [ ] Internal updates (everything related to internal scripts,
governance documentation and CI files)

## Checklist

[//]: # "_Put an `x` in the boxes that apply. You can also fill these
out after creating the PR. If you're unsure about any of them, don't
hesitate to ask. We're here to help! This is simply a reminder of what
we are going to look for before merging your code._"

- [X] I have read the
[CONTRIBUTING](https://github.com/webdriverio/vscode-webdriverio/blob/main/CONTRIBUTION.md)
doc
- [X] I have added tests that prove my fix is effective or that my
feature works
- [ ] I have added the necessary documentation (if appropriate)
- [ ] I have added proper type definitions for new commands (if
appropriate)

## Further comments

[//]: # 'If this is a relatively large or complex change, kick off the
discussion by explaining why you chose the solution you did and what
alternatives you considered, etc...'

### Reviewers: @webdriverio/project-committers

Author: mato533

.github/workflows/ci-e2e.yml

@@ -4,6 +4,11 @@ on:
     workflow_call:
         # Make this a reusable workflow, no value needed
         # https://docs.github.com/en/actions/using-workflows/reusing-workflows
+        inputs:
+            compatibility-mode:
+                description: 'If “yes”, run test for compatibility with vscode'
+                default: 'no'
+                type: string
 
 env:
     TURBO_TELEMETRY_DISABLED: 1
@@ -36,9 +41,19 @@ jobs:
                   filename: vscode-webdriverio-build.zip
 
             - name: 🧪 Run the e2e test
+              env:
+                  VSCODE_WDIO_E2E_COMPATIBILITY_MODE: ${{ inputs.compatibility-mode }}
               run: pnpm run test:e2e
               shell: bash
 
+            - name: 📦 Upload Test Logs on Failure
+              uses: ./.github/workflows/actions/upload-archive
+              if: failure()
+              with:
+                  name: ${{ inputs.compatibility-mode == 'yes' && 'compatibility' || 'e2e' }}-logs-${{ matrix.os }}
+                  output: ${{ inputs.compatibility-mode == 'yes' && 'compatibility' || 'e2e' }}-logs-${{ matrix.os }}.zip
+                  paths: e2e/logs
+
             - name: 🐛 Debug Build
               uses: stateful/vscode-server-action@v1.1.0
               if: failure()

.github/workflows/ci.yml

@@ -40,7 +40,14 @@ jobs:
         needs: [build]
         uses: ./.github/workflows/ci-e2e.yml
 
+    compatibility:
+        name: Compatibility
+        needs: [build]
+        uses: ./.github/workflows/ci-e2e.yml
+        with:
+            compatibility-mode: 'yes'
+
     smoke:
         name: Smoke
-        needs: [build]
+        needs: [build, e2e]
         uses: ./.github/workflows/ci-smoke.yml

e2e/helpers.ts

@@ -1,6 +1,6 @@
 import { DefaultTreeSection } from 'wdio-vscode-service'
 import type { StatusStrings } from 'assertions/index.ts'
-import type { TreeItem, Workbench, ViewControl, ViewContent } from 'wdio-vscode-service'
+import type { TreeItem, Workbench, ViewControl, ViewContent, ViewItemAction } from 'wdio-vscode-service'
 
 export const STATUS = {
     NOT_YET_RUN: 'Not yet run',
@@ -41,6 +41,25 @@ export async function waitForResolved(browser: WebdriverIO.Browser, item: TreeIt
     )
 }
 
+export async function clickTreeItemButton(browser: WebdriverIO.Browser, target: TreeItem, buttonLabel: string) {
+    let btn: ViewItemAction | undefined
+    await browser.waitUntil(
+        async () => {
+            btn = await target.getActionButton(buttonLabel)
+            if (btn && (await (btn.elem as WebdriverIO.Element).isClickable())) {
+                return true
+            }
+            return false
+        },
+        {
+            timeoutMsg: 'The button is not clickable.',
+        }
+    )
+
+    btn = await target.getActionButton(buttonLabel)
+    await (btn!.elem as WebdriverIO.Element).click()
+}
+
 export async function waitForTestStatus(browser: WebdriverIO.Browser, item: TreeItem, status: StatusStrings) {
     await browser.waitUntil(
         async () => {
@@ -57,21 +76,30 @@ export async function waitForTestStatus(browser: WebdriverIO.Browser, item: Tree
 }
 
 export async function clearAllTestResults(workbench: Workbench) {
+    const notifications = await workbench.getNotifications()
+    await Promise.all(
+        notifications.map(async (notification) => {
+            return await notification.dismiss()
+        })
+    )
     const bottomBarPanel = workbench.getBottomBar()
     const tabTitle = 'Test Results'
-    const actionTitle = 'Clear All Results'
     try {
-        await bottomBarPanel.toggle(true)
         const tabContainer = await bottomBarPanel.tabContainer$
         const tab = (await tabContainer.$(`.//a[starts-with(@aria-label, '${tabTitle}')]`)) as WebdriverIO.Element
+
         if (await tab.isExisting()) {
             await tab.click()
-            await ((await bottomBarPanel.actions$) as WebdriverIO.Element)
-                .$(`.//a[@aria-label='${actionTitle}']`)
+            await bottomBarPanel.elem
+                .$(
+                    (bottomBarPanel.locatorMap.BottomBarViews.actionsContainer as Function)(
+                        'Test Results actions'
+                    ) as string
+                )
+                .$(bottomBarPanel.locatorMap.BottomBarViews.clearText as string)
                 .click()
         }
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
     } catch (_error) {
-        // pass
+        console.log(_error)
     }
 }

e2e/package.json

@@ -19,13 +19,15 @@
         "wdio": "wdio run ./wdio.conf.ts"
     },
     "devDependencies": {
+        "@types/semver": "^7.7.0",
         "@wdio/cli": "^9.13.0",
         "@wdio/globals": "^9.12.6",
         "@wdio/local-runner": "^9.13.0",
         "@wdio/mocha-framework": "^9.13.0",
         "@wdio/spec-reporter": "^9.13.0",
         "chai": "^5.2.0",
         "expect": "^29.7.0",
+        "semver": "^7.7.2",
         "wdio-vscode-service": "^6.1.3",
         "webdriver": "^9.13.0",
         "webdriverio": "^9.13.0"

e2e/tests/basic.spec.ts

@@ -3,6 +3,7 @@ import { browser, expect } from '@wdio/globals'
 import {
     STATUS,
     clearAllTestResults,
+    clickTreeItemButton,
     getTestingSection,
     openTestingView,
     waitForResolved,
@@ -84,8 +85,7 @@ describe(`VS Code Extension Testing with ${targetFramework}`, function () {
 
         await waitForResolved(browser, items[0])
 
-        const actionRunTest = await items[0].getActionButton('Run Test')
-        await (actionRunTest!.elem as WebdriverIO.Element).click()
+        await clickTreeItemButton(browser, items[0], 'Run Test')
 
         await waitForTestStatus(browser, items[0], STATUS.FAILED)
 
@@ -130,8 +130,7 @@ describe(`VS Code Extension Testing with ${targetFramework}`, function () {
             .then((items) => items[0].getChildren())
             .then((items) => items[1])
 
-        const actionRunTest = await target.getActionButton('Run Test')
-        await (actionRunTest!.elem as WebdriverIO.Element).click()
+        await clickTreeItemButton(browser, target, 'Run Test')
 
         await waitForTestStatus(browser, items[0], STATUS.PASSED)
 

e2e/tests/basicCucumber.spec.ts

@@ -3,6 +3,7 @@ import { browser, expect } from '@wdio/globals'
 import {
     STATUS,
     clearAllTestResults,
+    clickTreeItemButton,
     getTestingSection,
     openTestingView,
     waitForResolved,
@@ -135,8 +136,7 @@ describe(`VS Code Extension Testing with ${targetFramework}`, function () {
 
         await waitForResolved(browser, items[0])
 
-        const actionRunTest = await items[0].getActionButton('Run Test')
-        await (actionRunTest!.elem as WebdriverIO.Element).click()
+        await clickTreeItemButton(browser, items[0], 'Run Test')
 
         await waitForTestStatus(browser, items[0], STATUS.PASSED)
 
@@ -233,8 +233,7 @@ describe(`VS Code Extension Testing with ${targetFramework}`, function () {
             .then((items) => items[0].getChildren())
             .then((items) => items[1])
 
-        const actionRunTest = await target.getActionButton('Run Test')
-        await (actionRunTest!.elem as WebdriverIO.Element).click()
+        await clickTreeItemButton(browser, target, 'Run Test')
 
         await waitForTestStatus(browser, items[0], STATUS.PASSED)
 

e2e/tests/updateConfig.spec.ts

@@ -8,6 +8,7 @@ import shell from 'shelljs'
 import {
     STATUS,
     clearAllTestResults,
+    clickTreeItemButton,
     getTestingSection,
     openTestingView,
     waitForResolved,
@@ -123,8 +124,7 @@ describe('VS Code Extension Testing (Update config)', function () {
 
         await waitForResolved(browser, items[0])
 
-        const actionRunTest = await items[0].getActionButton('Run Test')
-        await (actionRunTest!.elem as WebdriverIO.Element).click()
+        await clickTreeItemButton(browser, items[0], 'Run Test')
 
         await waitForTestStatus(browser, items[0], STATUS.PASSED)
 

e2e/wdio.conf.ts

@@ -1,7 +1,21 @@
 import * as path from 'node:path'
+import * as url from 'node:url'
 
+import { minVersion } from 'semver'
+
+import pkg from '../packages/vscode-webdriverio/package.json' with { type: 'json' }
+
+const __dirname = path.dirname(url.fileURLToPath(import.meta.url))
 const target = process.env.VSCODE_WDIO_E2E_FRAMEWORK || 'mocha'
 
+const minimumVersion = minVersion(pkg.engines.vscode)?.version || 'stable'
+
+const isCompatibilityMode = process.env.VSCODE_WDIO_E2E_COMPATIBILITY_MODE === 'yes'
+const version = isCompatibilityMode ? minimumVersion : 'stable'
+
+const outputDir = path.join(__dirname, 'logs', [isCompatibilityMode ? 'compatibility' : 'e2e', target].join('-'))
+process.env.VSCODE_WDIO_TRACE_LOG_PATH = outputDir
+
 const specs = target === 'cucumber' ? ['./tests/basicCucumber.spec.ts'] : ['./tests/basic.spec.ts']
 
 export const config: WebdriverIO.Config = {
@@ -12,7 +26,7 @@ export const config: WebdriverIO.Config = {
     capabilities: [
         {
             browserName: 'vscode',
-            browserVersion: 'stable', // also possible: "insiders" or a specific version e.g. "1.80.0"
+            browserVersion: version,
             'wdio:vscodeOptions': {
                 // points to directory where extension package.json is located
                 extensionPath: path.resolve('../packages/vscode-webdriverio'),
@@ -27,7 +41,7 @@ export const config: WebdriverIO.Config = {
     ],
 
     logLevel: 'debug',
-    outputDir: 'logs',
+    outputDir,
     bail: 0,
     waitforTimeout: 120000,
     connectionRetryTimeout: 120000,

packages/vscode-wdio-constants/src/index.ts

@@ -3,7 +3,7 @@ export const EXTENSION_ID = 'webdriverio'
 
 export const DEFAULT_CONFIG_VALUES = {
     nodeExecutable: undefined,
-    configFilePattern: ['**/wdio.conf.{ts,js}'],
+    configFilePattern: ['**/*wdio*.conf*.{ts,js,mjs,cjs,cts,mts}'],
     showOutput: true,
     logLevel: 'info',
 } as const

packages/vscode-webdriverio/package.json

@@ -67,7 +67,7 @@
         "Testing"
     ],
     "engines": {
-        "vscode": "^1.98.0"
+        "vscode": "^1.96.0"
     },
     "activationEvents": [
         "onLanguage:javascript",