web: bump ws, @wdio/browser-runner and @wdio/cli in /web (#11295)

* web: bump ws, @wdio/browser-runner and @wdio/cli in /web

Bumps [ws](https://github.com/websockets/ws) to 8.18.0 and updates ancestor dependencies [ws](https://github.com/websockets/ws), [@wdio/browser-runner](https://github.com/webdriverio/webdriverio/tree/HEAD/packages/wdio-browser-runner) and [@wdio/cli](https://github.com/webdriverio/webdriverio/tree/HEAD/packages/wdio-cli). These dependencies need to be updated together.

Updates `ws` from 8.16.0 to 8.18.0
- [Release notes](https://github.com/websockets/ws/releases)
- [Commits](https://github.com/websockets/ws/compare/8.16.0...8.18.0)

Updates `@wdio/browser-runner` from 8.40.2 to 9.0.9
- [Release notes](https://github.com/webdriverio/webdriverio/releases)
- [Changelog](https://github.com/webdriverio/webdriverio/blob/main/CHANGELOG.md)
- [Commits](https://github.com/webdriverio/webdriverio/commits/v9.0.9/packages/wdio-browser-runner)

Updates `@wdio/cli` from 8.40.2 to 9.0.9
- [Release notes](https://github.com/webdriverio/webdriverio/releases)
- [Changelog](https://github.com/webdriverio/webdriverio/blob/main/CHANGELOG.md)
- [Commits](https://github.com/webdriverio/webdriverio/commits/v9.0.9/packages/wdio-cli)

---
updated-dependencies:
- dependency-name: ws
  dependency-type: indirect
- dependency-name: "@wdio/browser-runner"
  dependency-type: direct:development
- dependency-name: "@wdio/cli"
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

---------

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: Jens Langhammer <jens@goauthentik.io>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jens Langhammer <jens@goauthentik.io>

web/src/elements/cards/tests/QuickActionCard.test.ts

@@ -35,7 +35,7 @@ describe("ak-quick-actions-card", () => {
             ></ak-quick-actions-card>`,
         );
         const component = await $("ak-quick-actions-card");
-        const items = await component.$$(">>>.pf-c-list li");
+        const items = await component.$$(">>>.pf-c-list li").getElements();
         await expect(Array.from(items).length).toEqual(5);
         await expect(await component.$(">>>.pf-c-list li:nth-of-type(4)")).toHaveText(
             "Manage users",

web/src/elements/forms/SearchSelect/tests/ak-search-select-view.comp.ts

@@ -39,7 +39,7 @@ export class AkSearchSelectViewDriver {
             );
         }
         const id = await element.getAttribute("data-ouia-component-id");
-        const menu = await $(`[data-ouia-component-id="menu-${id}"]`);
+        const menu = await $(`[data-ouia-component-id="menu-${id}"]`).getElement();
         return new AkSearchSelectViewDriver(element, menu);
     }
 
@@ -52,7 +52,7 @@ export class AkSearchSelectViewDriver {
     }
 
     async listElements() {
-        return await this.menu.$$(">>>li");
+        return await this.menu.$$(">>>li").getElements();
     }
 
     async focusOnInput() {

web/src/elements/forms/SearchSelect/tests/ak-search-select-view.test.ts

@@ -1,4 +1,4 @@
-import { $, browser } from "@wdio/globals";
+import { $, browser, expect } from "@wdio/globals";
 import { slug } from "github-slugger";
 import { Key } from "webdriverio";
 
@@ -21,7 +21,9 @@ describe("Search select: Test Input Field", () => {
             html`<ak-search-select-view .options=${longGoodForYouPairs}> </ak-search-select-view>`,
             document.body,
         );
-        select = await AkSearchSelectViewDriver.build(await $("ak-search-select-view"));
+        select = await AkSearchSelectViewDriver.build(
+            await $("ak-search-select-view").getElement(),
+        );
     });
 
     it("should open the menu when the input is clicked", async () => {
@@ -56,7 +58,9 @@ describe("Search select: Test Input Field", () => {
         expect(await select.open).toBe(false);
         expect(await select.menuIsVisible()).toBe(false);
         await browser.keys("A");
-        select = await AkSearchSelectViewDriver.build(await $("ak-search-select-view"));
+        select = await AkSearchSelectViewDriver.build(
+            await $("ak-search-select-view").getElement(),
+        );
         expect(await select.open).toBe(true);
         expect(await select.menuIsVisible()).toBe(true);
     });

web/src/elements/forms/SearchSelect/tests/ak-search-select.test.ts

@@ -2,7 +2,7 @@
 import { AKElement } from "@goauthentik/elements/Base";
 import { bound } from "@goauthentik/elements/decorators/bound.js";
 import { CustomListenerElement } from "@goauthentik/elements/utils/eventEmitter";
-import { $, browser } from "@wdio/globals";
+import { $, browser, expect } from "@wdio/globals";
 import { slug } from "github-slugger";
 
 import { html, render } from "lit";
@@ -97,7 +97,9 @@ describe("Search select: event driven startup", () => {
             mock?.dispatchEvent(new Event("resolve"));
         });
         expect(await $(">>>ak-search-select-loading-indicator")).not.toBeDisplayed();
-        select = await AkSearchSelectViewDriver.build(await $(">>>ak-search-select-view"));
+        select = await AkSearchSelectViewDriver.build(
+            await $(">>>ak-search-select-view").getElement(),
+        );
         expect(await select).toBeExisting();
     });