Add UTs for ElementArray and Element[]

Author: dprevost-LMI

src/util/formatMessage.ts

@@ -17,8 +17,16 @@ export const getSelector = (el: WebdriverIO.Element | WebdriverIO.ElementArray)
     return result
 }
 
-export const getSelectors = (el: WebdriverIO.Element | WdioElements) => {
+export const getSelectors = (el: WebdriverIO.Element | WdioElements): string => {
+
     const selectors = []
+    if (Array.isArray(el)) {
+        for (const element of el) {
+            selectors.push(getSelectors(element))
+        }
+        return selectors.join(', ')
+    }
+
     let parent: WebdriverIO.ElementArray['parent'] | undefined
 
     if (isElementArray(el)) {

test/matchers/element/toBeDisplayed.test.ts

@@ -401,47 +401,105 @@ Expected: "displayed"
 Received: "not displayed"`)
         })
 
-        test('success with ElementArray', async () => {
-            const elementsArray: WebdriverIO.ElementArray = await $$('sel').getElements()
-            const result = await toBeDisplayed.call({}, elementsArray)
+        describe('fails with ElementArray', () => {
+            let elementsArray: WebdriverIO.ElementArray
+
+            beforeEach(async () => {
+                elementsArray = await $$('sel').getElements()
+                for (const el of elementsArray) {
+                    el.isDisplayed = vi.fn().mockResolvedValue(true)
+                }
+                expect(elementsArray).toHaveLength(2)
+            })
 
-            for (const el of elementsArray) {
-                expect(el.isDisplayed).toHaveBeenCalledWith(
-                    {
-                        withinViewport: false,
-                        contentVisibilityAuto: true,
-                        opacityProperty: true,
-                        visibilityProperty: true
+            test('success with ElementArray', async () => {
+                const result = await toBeDisplayed.call({}, elementsArray)
+
+                for (const el of elementsArray) {
+                    expect(el.isDisplayed).toHaveBeenCalledWith(
+                        {
+                            withinViewport: false,
+                            contentVisibilityAuto: true,
+                            opacityProperty: true,
+                            visibilityProperty: true
+                        }
+                    )
+                }
+
+                expect(result.pass).toBe(true)
+            })
+
+            test('fails with ElementArray', async () => {
+                elementsArray[1].isDisplayed = vi.fn().mockResolvedValue(false)
+
+                const result = await toBeDisplayed.call({}, elementsArray)
+
+                for (const el of elementsArray) {
+                    expect(el.isDisplayed).toHaveBeenCalledWith(
+                        {
+                            withinViewport: false,
+                            contentVisibilityAuto: true,
+                            opacityProperty: true,
+                            visibilityProperty: true
+                        }
+                    )
+                }
+
+                expect(result.pass).toBe(false)
+                expect(result.message()).toEqual(`\
+Expect $$(\`sel, <props>\`) to be displayed
+
+Expected: "displayed"
+Received: "not displayed"`)
+            })
+
+            describe('fails with Element[] (filtered elements)', () => {
+                let filteredElements: WebdriverIO.Element[]
+                test('success with Element[]', async () => {
+                    filteredElements = await elementsArray.filter((element) => element.isExisting())
+
+                    const result = await toBeDisplayed.call({}, filteredElements)
+
+                    for (const el of filteredElements) {
+                        expect(el.isDisplayed).toHaveBeenCalledWith(
+                            {
+                                withinViewport: false,
+                                contentVisibilityAuto: true,
+                                opacityProperty: true,
+                                visibilityProperty: true
+                            }
+                        )
                     }
-                )
-            }
 
-            expect(result.pass).toBe(true)
-        })
+                    expect(result.pass).toBe(true)
+                })
 
-        test('fails with ElementArray', async () => {
-            const elementsArray: WebdriverIO.ElementArray = await $$('sel').getElements()
-            elementsArray[1].isDisplayed = vi.fn().mockResolvedValue(false)
+                test('fails with Element[]', async () => {
+                    filteredElements = await elementsArray.filter((element) => element.isExisting())
 
-            const result = await toBeDisplayed.call({}, elementsArray)
+                    filteredElements[1].isDisplayed = vi.fn().mockResolvedValue(false)
 
-            for (const el of elementsArray) {
-                expect(el.isDisplayed).toHaveBeenCalledWith(
-                    {
-                        withinViewport: false,
-                        contentVisibilityAuto: true,
-                        opacityProperty: true,
-                        visibilityProperty: true
+                    const result = await toBeDisplayed.call({}, filteredElements)
+
+                    for (const el of filteredElements) {
+                        expect(el.isDisplayed).toHaveBeenCalledWith(
+                            {
+                                withinViewport: false,
+                                contentVisibilityAuto: true,
+                                opacityProperty: true,
+                                visibilityProperty: true
+                            }
+                        )
                     }
-                )
-            }
 
-            expect(result.pass).toBe(false)
-            expect(result.message()).toEqual(`\
-Expect $$(\`sel, <props>\`) to be displayed
+                    expect(result.pass).toBe(false)
+                    expect(result.message()).toEqual(`\
+Expect $(\`sel\`), $$(\`sel\`)[1] to be displayed
 
 Expected: "displayed"
 Received: "not displayed"`)
+                })
+            })
         })
     })
 })