fix: tsc error with elements matcher and type WebdriverIO.Element[] (#1979)

* fix: tsc error with elements matcher and type `WebdriverIO.Element[]`

`WebdriverIO.Element[]` needs to also be a `ElementArrayLike`

* chore: add checks:all command to eases checks everything

Author: dprevost-LMI

package.json

@@ -63,6 +63,7 @@
     "ts:mocha": "cd test-types/mocha && tsc --project ./tsconfig.json",
     "ts:jasmine": "cd test-types/jasmine && tsc --project ./tsconfig.json",
     "ts:jasmine-async": "cd test-types/jasmine-async && tsc --project ./tsconfig.json",
+    "checks:all": "npm run build && npm run compile && npm run tsc:root-types && npm run test && npm run ts",
     "watch": "npm run compile -- --watch",
     "prepare": "husky install"
   },

test-types/mocha/types-mocha.test.ts

@@ -7,6 +7,7 @@ describe('type assertions', () => {
 
     const element: WebdriverIO.Element = {} as unknown as WebdriverIO.Element
     const elementArray: WebdriverIO.ElementArray = [] as unknown as WebdriverIO.ElementArray
+    const elements: WebdriverIO.Element[] = [] as unknown as WebdriverIO.Element[]
 
     const networkMock: WebdriverIO.Mock = {} as unknown as WebdriverIO.Mock
 
@@ -323,6 +324,26 @@ describe('type assertions', () => {
                 expectVoid = expect(chainableArray).toBeElementsArrayOfSize({ lte: 10 })
             })
 
+            it('should work correctly when actual is element array', async () => {
+                expectPromiseVoid = expect(elementArray).toBeElementsArrayOfSize(5)
+                expectPromiseVoid = expect(elementArray).toBeElementsArrayOfSize({ lte: 10 })
+
+                // @ts-expect-error
+                expectVoid = expect(elementArray).toBeElementsArrayOfSize(5)
+                // @ts-expect-error
+                expectVoid = expect(elementArray).toBeElementsArrayOfSize({ lte: 10 })
+            })
+
+            it('should work correctly when actual is element[]', async () => {
+                expectPromiseVoid = expect(elements).toBeElementsArrayOfSize(5)
+                expectPromiseVoid = expect(elements).toBeElementsArrayOfSize({ lte: 10 })
+
+                // @ts-expect-error
+                expectVoid = expect(elements).toBeElementsArrayOfSize(5)
+                // @ts-expect-error
+                expectVoid = expect(elements).toBeElementsArrayOfSize({ lte: 10 })
+            })
+
             it('should not work when actual is not chainableArray', async () => {
             // @ts-expect-error
                 await expect(chainableElement).toBeElementsArrayOfSize(5)

types/expect-webdriverio.d.ts

@@ -54,7 +54,7 @@ type WdioOnlyMaybePromiseLike = ElementPromise | ElementArrayPromise | Chainable
  */
 type ElementOrArrayLike = ElementLike | ElementArrayLike
 type ElementLike = WebdriverIO.Element | ChainablePromiseElement
-type ElementArrayLike = WebdriverIO.ElementArray | ChainablePromiseArray
+type ElementArrayLike = WebdriverIO.ElementArray | ChainablePromiseArray | WebdriverIO.Element[]
 type MockPromise = Promise<WebdriverIO.Mock>
 
 /**