build(deps-dev): bump chai from 4.4.1 to 5.1.0 in /web

web/package.json

@@ -15,7 +15,7 @@
         "@wdio/mocha-framework": "^8.35.0",
         "@wdio/spec-reporter": "^8.32.4",
         "@wdio/static-server-service": "^8.32.4",
-        "chai": "^4.4.1",
+        "chai": "^5.1.0",
         "chai-html": "^2.1.0",
         "copy-webpack-plugin": "^12.0.2",
         "cross-env": "^7.0.3",

web/packages/selfhosted/.eslintrc.yaml

@@ -0,0 +1,2 @@
+parserOptions:
+  sourceType: module

web/packages/selfhosted/js/.eslintrc.yaml

@@ -1,4 +1,2 @@
 env:
   browser: true
-parserOptions:
-  sourceType: module

web/packages/selfhosted/package.json

@@ -4,6 +4,7 @@
     "description": "Putting Flash back on the web. Ruffle will polyfill all Flash content and replace it with the Ruffle flash player.",
     "license": "(MIT OR Apache-2.0)",
     "private": true,
+    "type": "module",
     "keywords": [
         "flash",
         "swf"

web/packages/selfhosted/test/integration_tests/keyboard_input/test.js

@@ -1,7 +1,7 @@
-const { jsApiBefore, getTraceOutput } = require("../../utils");
-const { use, expect } = require("chai");
-const chaiHtml = require("chai-html");
-const { Key } = require("webdriverio");
+import { jsApiBefore, getTraceOutput } from "../../utils.js";
+import { use, expect } from "chai";
+import chaiHtml from "chai-html";
+import { Key } from "webdriverio";
 
 use(chaiHtml);
 

web/packages/selfhosted/test/js_api/load.js

@@ -1,6 +1,6 @@
-const { jsApiBefore, playAndMonitor } = require("../utils");
-const { use } = require("chai");
-const chaiHtml = require("chai-html");
+import { jsApiBefore, playAndMonitor } from "../utils.js";
+import { use } from "chai";
+import chaiHtml from "chai-html";
 
 use(chaiHtml);
 

web/packages/selfhosted/test/js_api/metadata.js

@@ -1,6 +1,6 @@
-const { jsApiBefore } = require("../utils");
-const { expect, use } = require("chai");
-const chaiHtml = require("chai-html");
+import { jsApiBefore } from "../utils.js";
+import { expect, use } from "chai";
+import chaiHtml from "chai-html";
 
 use(chaiHtml);
 

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

@@ -1,13 +1,13 @@
-const { openTest, injectRuffleAndWait } = require("../../utils");
-const { expect, use } = require("chai");
-const chaiHtml = require("chai-html");
-const fs = require("fs");
+import { openTest, injectRuffleAndWait } from "../../utils.js";
+import { expect, use } from "chai";
+import chaiHtml from "chai-html";
+import fs from "fs";
 
 use(chaiHtml);
 
 describe("Flash inside frame with injected ruffle", () => {
     it("loads the test", async () => {
-        await openTest(browser, __dirname);
+        await openTest(browser, import.meta.dirname);
     });
 
     it("polyfills inside a frame", async () => {
@@ -16,7 +16,10 @@ describe("Flash inside frame with injected ruffle", () => {
         await browser.$("<ruffle-object />").waitForExist();
 
         const actual = await browser.$("#test-container").getHTML(false);
-        const expected = fs.readFileSync(`${__dirname}/expected.html`, "utf8");
+        const expected = fs.readFileSync(
+            `${import.meta.dirname}/expected.html`,
+            "utf8",
+        );
         expect(actual).html.to.equal(expected);
     });
 
@@ -37,7 +40,10 @@ describe("Flash inside frame with injected ruffle", () => {
         await browser.$("<ruffle-object />").waitForExist();
 
         const actual = await browser.$("#test-container").getHTML(false);
-        const expected = fs.readFileSync(`${__dirname}/expected.html`, "utf8");
+        const expected = fs.readFileSync(
+            `${import.meta.dirname}/expected.html`,
+            "utf8",
+        );
         expect(actual).html.to.equal(expected);
     });
 });

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

@@ -1,21 +1,24 @@
-const { openTest } = require("../../utils");
-const { expect, use } = require("chai");
-const chaiHtml = require("chai-html");
-const fs = require("fs");
+import { openTest } from "../../utils.js";
+import { expect, use } from "chai";
+import chaiHtml from "chai-html";
+import fs from "fs";
 
 use(chaiHtml);
 
 describe("Flash inside frame with provided ruffle", () => {
     it("loads the test", async () => {
-        await openTest(browser, __dirname);
+        await openTest(browser, import.meta.dirname);
     });
 
     it("polyfills inside a frame", async () => {
         await browser.switchToFrame(await browser.$("#test-frame"));
         await browser.$("<ruffle-object />").waitForExist();
 
         const actual = await browser.$("#test-container").getHTML(false);
-        const expected = fs.readFileSync(`${__dirname}/expected.html`, "utf8");
+        const expected = fs.readFileSync(
+            `${import.meta.dirname}/expected.html`,
+            "utf8",
+        );
         expect(actual).html.to.equal(expected);
     });
 
@@ -36,7 +39,10 @@ describe("Flash inside frame with provided ruffle", () => {
         await browser.$("<ruffle-object />").waitForExist();
 
         const actual = await browser.$("#test-container").getHTML(false);
-        const expected = fs.readFileSync(`${__dirname}/expected.html`, "utf8");
+        const expected = fs.readFileSync(
+            `${import.meta.dirname}/expected.html`,
+            "utf8",
+        );
         expect(actual).html.to.equal(expected);
     });
 });

web/packages/selfhosted/test/polyfill/crossorigin_broken_cors/test.js

@@ -1,24 +1,23 @@
-const {
-    openTest,
-    injectRuffleAndWait,
-    playAndMonitor,
-} = require("../../utils");
-const { expect, use } = require("chai");
-const chaiHtml = require("chai-html");
-const fs = require("fs");
+import { openTest, injectRuffleAndWait, playAndMonitor } from "../../utils.js";
+import { expect, use } from "chai";
+import chaiHtml from "chai-html";
+import fs from "fs";
 
 use(chaiHtml);
 
 // [NA] Disabled for now as the test can take too long on CI
 describe.skip("Doesn't error with cross-origin frames", () => {
     it("Loads the test", async () => {
-        await openTest(browser, __dirname);
+        await openTest(browser, import.meta.dirname);
     });
 
     it("Polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
         const actual = await browser.$("#test-container").getHTML(false);
-        const expected = fs.readFileSync(`${__dirname}/expected.html`, "utf8");
+        const expected = fs.readFileSync(
+            `${import.meta.dirname}/expected.html`,
+            "utf8",
+        );
         expect(actual).html.to.equal(expected);
     });
 

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

@@ -1,23 +1,22 @@
-const {
-    injectRuffleAndWait,
-    openTest,
-    playAndMonitor,
-} = require("../../utils");
-const { expect, use } = require("chai");
-const chaiHtml = require("chai-html");
-const fs = require("fs");
+import { injectRuffleAndWait, openTest, playAndMonitor } from "../../utils.js";
+import { expect, use } from "chai";
+import chaiHtml from "chai-html";
+import fs from "fs";
 
 use(chaiHtml);
 
 describe("Embed tag", () => {
     it("loads the test", async () => {
-        await openTest(browser, __dirname);
+        await openTest(browser, import.meta.dirname);
     });
 
     it("polyfills with ruffle", async () => {
         await injectRuffleAndWait(browser);
         const actual = await browser.$("#test-container").getHTML(false);
-        const expected = fs.readFileSync(`${__dirname}/expected.html`, "utf8");
+        const expected = fs.readFileSync(
+            `${import.meta.dirname}/expected.html`,
+            "utf8",
+        );
         expect(actual).html.to.equal(expected);
     });
 

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

@@ -1,25 +1,24 @@
-const {
-    openTest,
-    injectRuffleAndWait,
-    playAndMonitor,
-} = require("../../utils");
-const { expect, use } = require("chai");
-const chaiHtml = require("chai-html");
-const fs = require("fs");
+import { openTest, injectRuffleAndWait, playAndMonitor } from "../../utils.js";
+import { expect, use } from "chai";
+import chaiHtml from "chai-html";
+import fs from "fs";
 
 use(chaiHtml);
 
 describe("Embed with case-insensitive MIME type", () => {
     it("loads the test", async () => {
-        await openTest(browser, __dirname);
+        await openTest(browser, import.meta.dirname);
     });
 
     it("Polyfills", async () => {
         await injectRuffleAndWait(browser);
         await browser.$("<ruffle-embed />").waitForExist();
 
         const actual = await browser.$("#test-container").getHTML(false);
-        const expected = fs.readFileSync(`${__dirname}/expected.html`, "utf8");
+        const expected = fs.readFileSync(
+            `${import.meta.dirname}/expected.html`,
+            "utf8",
+        );
         expect(actual).html.to.equal(expected);
     });