fix: types when using wdio v7.9

Upgrade dev dependencies to use wdio v7.9.

WebdriverIO v7.9 introduces chainable promise elements as a way of
replacing sync mode since it is not supported by Node v16.

Change $ selectors to allow returning a ChainablePromiseElement.

In order to continue supporting wdio v6 and sync mode $ should also
allow returning a normal Promise<Element> and an Element respectively.
When support for either is dropped the respective return values can also
be removed from $.

Author: olivierwilkinson

package.json

@@ -38,12 +38,12 @@
     "@types/simmerjs": "^0.5.1",
     "@typescript-eslint/eslint-plugin": "^4.14.0",
     "@typescript-eslint/parser": "^4.14.0",
-    "@wdio/cli": "^7.3.1",
-    "@wdio/local-runner": "^7.3.1",
-    "@wdio/mocha-framework": "^7.3.1",
-    "@wdio/selenium-standalone-service": "^7.7.3",
-    "@wdio/spec-reporter": "^7.3.1",
-    "@wdio/sync": "^7.3.1",
+    "@wdio/cli": "^7.9.0",
+    "@wdio/local-runner": "^7.9.0",
+    "@wdio/mocha-framework": "^7.9.0",
+    "@wdio/selenium-standalone-service": "^7.9.0",
+    "@wdio/spec-reporter": "^7.9.0",
+    "@wdio/sync": "^7.9.0",
     "eslint": "^7.6.0",
     "kcd-scripts": "^11.1.0",
     "npm-run-all": "^4.1.5",

src/wdio-types.ts

@@ -15,10 +15,17 @@ declare global {
   }
 }
 
+export type $ = (
+  selector: any,
+) =>
+  | ChainablePromiseElementBase<Promise<WebdriverIO.Element>>
+  | Promise<WebdriverIO.Element>
+  | WebdriverIO.Element
+
+export type ChainablePromiseElementBase<T> = Promise<T> & {$: $}
+
 export type ElementBase = {
-  $(
-    selector: object | string,
-  ): Promise<WebdriverIO.Element> | WebdriverIO.Element
+  $: $
 
   execute<T>(
     script: string | ((...args: any[]) => T),
@@ -31,9 +38,7 @@ export type ElementBase = {
 }
 
 export type BrowserBase = {
-  $(
-    selector: object | string,
-  ): Promise<WebdriverIO.Element> | WebdriverIO.Element
+  $: $
 
   addCommand<T extends boolean>(
     queryName: string,