build(deps): bump ws, @wdio/browserstack-service, @wdio/cli, @wdio/lo…

…cal-runner and webdriverio

Plus manual changes:
 - Follow getHTML() API change.
 - Take ChainablePromiseElement in utils.ts functions.
 - Make config typeless.

Bumps [ws](https://github.com/websockets/ws) to 8.18.0 and updates ancestor dependencies [ws](https://github.com/websockets/ws), [@wdio/browserstack-service](https://github.com/webdriverio/webdriverio/tree/HEAD/packages/wdio-browserstack-service), [@wdio/cli](https://github.com/webdriverio/webdriverio/tree/HEAD/packages/wdio-cli), [@wdio/local-runner](https://github.com/webdriverio/webdriverio/tree/HEAD/packages/wdio-local-runner) and [webdriverio](https://github.com/webdriverio/webdriverio/tree/HEAD/packages/webdriverio). 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](websockets/ws@8.16.0...8.18.0)

Updates `@wdio/browserstack-service` from 8.40.2 to 9.0.2
- [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.2/packages/wdio-browserstack-service)

Updates `@wdio/cli` from 8.40.2 to 9.0.1
- [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.1/packages/wdio-cli)

Updates `@wdio/local-runner` from 8.40.2 to 9.0.1
- [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.1/packages/wdio-local-runner)

Updates `webdriverio` from 8.40.2 to 9.0.1
- [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.1/packages/webdriverio)

---
updated-dependencies:
- dependency-name: ws
  dependency-type: indirect
- dependency-name: "@wdio/browserstack-service"
  dependency-type: direct:development
- dependency-name: "@wdio/cli"
  dependency-type: direct:development
- dependency-name: "@wdio/local-runner"
  dependency-type: direct:development
- dependency-name: webdriverio
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <[email protected]>

make wdio config typeless

web/package.json

@@ -11,9 +11,9 @@
     "devDependencies": {
         "@eslint/js": "^9.9.0",
         "@types/eslint__js": "^8.42.3",
-        "@wdio/browserstack-service": "^8.40.2",
-        "@wdio/cli": "^8.40.2",
-        "@wdio/local-runner": "^8.40.2",
+        "@wdio/browserstack-service": "^9.0.2",
+        "@wdio/cli": "^9.0.1",
+        "@wdio/local-runner": "^9.0.1",
         "@wdio/mocha-framework": "^9.0.0",
         "@wdio/spec-reporter": "^9.0.0",
         "@wdio/static-server-service": "^9.0.0",
@@ -37,7 +37,7 @@
         "tsx": "^4.17.0",
         "typescript": "^5.5.4",
         "typescript-eslint": "^8.1.0",
-        "webdriverio": "^8.40.0",
+        "webdriverio": "^9.0.1",
         "webpack": "^5.93.0",
         "webpack-cli": "^5.1.4"
     },

web/packages/selfhosted/test/polyfill/classic_frames_injected/test.ts

@@ -15,7 +15,7 @@ describe("Flash inside frame with injected ruffle", () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",
@@ -39,7 +39,7 @@ describe("Flash inside frame with injected ruffle", () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/classic_frames_provided/test.ts

@@ -14,7 +14,7 @@ describe("Flash inside frame with provided ruffle", () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",
@@ -38,7 +38,7 @@ describe("Flash inside frame with provided ruffle", () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/embed_default/test.ts

@@ -12,7 +12,7 @@ describe("Embed tag", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/embed_insensitive/test.ts

@@ -14,7 +14,7 @@ describe("Embed with case-insensitive MIME type", () => {
         await injectRuffleAndWait(browser);
         await browser.$("<ruffle-embed />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/embed_inside_audio/test.ts

@@ -12,7 +12,7 @@ describe("Embed inside audio node", () => {
 
     it("doesn't polyfill with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/embed_missing_src/test.ts

@@ -12,7 +12,7 @@ describe("Embed without src attribute", () => {
 
     it("doesn't polyfill with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/embed_missing_type/test.ts

@@ -12,7 +12,7 @@ describe("Embed without type attribute", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/embed_unexpected_string/test.ts

@@ -12,7 +12,7 @@ describe("Embed with unexpected string", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/embed_wrong_type/test.ts

@@ -12,7 +12,7 @@ describe("Embed with wrong type attribute value", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/embed_youtube/test.ts

@@ -12,7 +12,7 @@ describe("Embed with Flash YouTube video", () => {
 
     it("doesn't polyfill with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/iframes_injected/test.ts

@@ -15,7 +15,7 @@ describe("Flash inside iframe with injected ruffle", () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",
@@ -38,7 +38,7 @@ describe("Flash inside iframe with injected ruffle", () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/iframes_onload/test.ts

@@ -14,7 +14,7 @@ describe("iframe onload", () => {
         await injectRuffleAndWait(browser);
         await browser.$("<div />").waitForExist();
 
-        const actual = await browser.$("#container").getHTML(false);
+        const actual = await browser.$("#container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/iframes_provided/test.ts

@@ -14,7 +14,7 @@ describe("Flash inside iframe with provided ruffle", () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",
@@ -37,7 +37,7 @@ describe("Flash inside iframe with provided ruffle", () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_MIME_insensitive/test.ts

@@ -14,7 +14,7 @@ describe("Object with case-insensitive MIME type", () => {
         await injectRuffleAndWait(browser);
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_clsid_insensitive/test.ts

@@ -14,7 +14,7 @@ describe("Object with case-insensitive clsid", () => {
         await injectRuffleAndWait(browser);
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_clsid_with_embed/test.ts

@@ -12,7 +12,7 @@ describe("Object with clsid and embed", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_data/test.ts

@@ -14,7 +14,7 @@ describe("Object with only data attribute", () => {
         await injectRuffleAndWait(browser);
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_default/test.ts

@@ -12,7 +12,7 @@ describe("Object tag", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_double_object/test.ts

@@ -12,7 +12,7 @@ describe("Object with another object tag", () => {
 
     it("polyfills only the first tag with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_double_object_classid/test.ts

@@ -12,7 +12,7 @@ describe("Object using classid with another object tag without classid", () => {
 
     it("polyfills only the second tag with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_flashvars/test.ts

@@ -12,7 +12,7 @@ describe("Object tag", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_flashvars_in_url/test.ts

@@ -12,7 +12,7 @@ describe("Object tag", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_ie_only/test.ts

@@ -12,7 +12,7 @@ describe("Object for old IE must work everywhere", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_inside_audio/test.ts

@@ -12,7 +12,7 @@ describe("Object inside audio node", () => {
 
     it("doesn't polyfill with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_missing_data/test.ts

@@ -12,7 +12,7 @@ describe("Object without data attribute", () => {
 
     it("doesn't polyfill with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_missing_type/test.ts

@@ -12,7 +12,7 @@ describe("Object without type attribute", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_missing_type_and_classid/test.ts

@@ -12,7 +12,7 @@ describe("Object without type and classid attributes", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_unexpected_string/test.ts

@@ -12,7 +12,7 @@ describe("Object with unexpected string", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_with_ruffle_embed/test.ts

@@ -12,7 +12,7 @@ describe("Object with ruffle-embed tag", () => {
 
     it("already polyfilled with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_wrong_type/test.ts

@@ -12,7 +12,7 @@ describe("Object with wrong type attribute value", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/object_youtube/test.ts

@@ -12,7 +12,7 @@ describe("Object with Flash YouTube video", () => {
 
     it("doesn't polyfill with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/pdf/test.ts

@@ -12,7 +12,7 @@ describe("PDF object", () => {
 
     it("doesn't polyfill with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/pdf_with_get/test.ts

@@ -12,7 +12,7 @@ describe("PDF with .swf GET", () => {
 
     it("doesn't polyfill with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/remove_object/test.ts

@@ -12,7 +12,7 @@ describe("Remove object", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",
@@ -25,7 +25,7 @@ describe("Remove object", () => {
             const obj = document.getElementById("foo");
             obj?.remove();
         });
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = "";
         expect(actual).html.to.equal(expected);
     });

web/packages/selfhosted/test/polyfill/spl/test.ts

@@ -12,7 +12,7 @@ describe("SPL", () => {
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/swf_extension_insensitive/test.ts

@@ -14,7 +14,7 @@ describe("SWF extension insensitive", () => {
         await injectRuffleAndWait(browser);
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",

web/packages/selfhosted/test/polyfill/swf_extension_with_fragment/test.ts

@@ -14,7 +14,7 @@ describe("SWF extension, file with fragment", () => {
         await injectRuffleAndWait(browser);
         await browser.$("<ruffle-object />").waitForExist();
 
-        const actual = await browser.$("#test-container").getHTML(false);
+        const actual = await browser.$("#test-container").getHTML({"includeSelectorTag": false});
         const expected = fs.readFileSync(
             `${import.meta.dirname}/expected.html`,
             "utf8",