Fix mock

- Missing parent for $$ selector name in failure message
- Better support of filtered ElementArray
- `elementArray.props.length` is not a thing

Author: dprevost-LMI

test/__mocks__/@wdio/globals.ts

@@ -69,10 +69,14 @@ function $$(selector: string) {
 
     elementArray.foundWith = '$$'
     elementArray.props = []
-    elementArray.props.length = length
     elementArray.selector = selector
     elementArray.getElements = async () => elementArray
-    elementArray.length = length
+    elementArray.filter = async <T>(fn: (element: WebdriverIO.Element, index: number, array: T[]) => boolean | Promise<boolean>) => {
+        const results = await Promise.all(elements.map((el, i) => fn(el, i, elements as unknown as T[])))
+        return Array.prototype.filter.call(elements, (_, i) => results[i])
+    }
+    // elementArray.length = length
+    elementArray.parent = browser
 
     // Wdio framework does return a Promise-wrapped element, so we need to mimic this behavior
     const chainablePromiseArray = Promise.resolve(elementArray) as unknown as ChainablePromiseArray

test/matchers/element/toHaveText.test.ts

@@ -319,11 +319,14 @@ Received: "This is example text"`
         { elements: await $$('sel'), title: 'awaited ChainablePromiseArray' },
         { elements: await $$('sel').getElements(), title: 'awaited getElements of ChainablePromiseArray (e.g. WebdriverIO.ElementArray)' },
         { elements: await $$('sel').filter((t) => t.isEnabled()), title: 'awaited filtered ChainablePromiseArray (e.g. WebdriverIO.Element[])' },
-        // Bug that will be fixed later with $$ support
+
+        // Bug that will be fixed later with $$ support. Throws `Error: Can't call "getText" on element with selector "label", it is not a function`
         // { elements: $$('sel'), title: 'non-awaited of ChainablePromiseArray' }
-    ])('given a multiple elements when $title', ({ elements }) => {
+    ])('given a multiple elements when $title', ({ elements, title }) => {
         let els: ChainablePromiseArray | WebdriverIO.ElementArray //| WebdriverIO.Element[] // Bug that will be fixed later with $$ support
 
+        const selectorName = title.includes('WebdriverIO.Element[]') ? '': '$$(`sel`)' // Bug to fix where with Element[] selector name is empty
+
         beforeEach(async () => {
             els = elements as ChainablePromiseArray | WebdriverIO.ElementArray // casting, bug that will be fixed later with $$ support
 
@@ -375,7 +378,7 @@ Received: "This is example text"`
                 // Expected vs received is wierd, to be fixed later with $$ support
                 expect(result.message()).toEqual(`\
 Test
-Expect  to have text
+Expect ${selectorName} to have text
 
 - Expected  - 1
 + Received  + 2
@@ -435,7 +438,7 @@ Expect  to have text
                 expect(result.pass).toBe(false)
                 // Buggy error message to fix later with $$ support
                 expect(result.message()).toEqual(`\
-Expect  to have text
+Expect ${selectorName} to have text
 
 - Expected  - 3
 + Received  + 1
@@ -457,7 +460,7 @@ Expect  to have text
                 // Buggy error message to fix later with $$ support
                 expect(result.message()).toEqual(`\
 Test
-Expect  to have text
+Expect ${selectorName} to have text
 
 - Expected  - 4
 + Received  + 2