Fix file reads

Author: t3chguy

apps/web/playwright/e2e/audio-player/audio-player.spec.ts

@@ -12,6 +12,10 @@ import { test, expect } from "../../element-web-test";
 import { SettingLevel } from "../../../src/settings/SettingLevel";
 import { Layout } from "../../../src/settings/enums/Layout";
 import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 // Find and click "Reply" button
 const clickButtonReply = async (tile: Locator) => {
@@ -30,7 +34,9 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
 
     const uploadFile = async (page: Page, file: string) => {
         // Upload a file from the message composer
-        await page.locator(".mx_MessageComposer_actions input[type='file']").setInputFiles(file);
+        await page
+            .locator(".mx_MessageComposer_actions input[type='file']")
+            .setInputFiles(join(__dirname, "..", "..", file));
 
         // Find and click primary "Upload" button
         await page.locator(".mx_Dialog").getByRole("button", { name: "Upload" }).click();
@@ -158,15 +164,15 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
     });
 
     test("should be correctly rendered - light theme", { tag: "@screenshot" }, async ({ page, app }) => {
-        await uploadFile(page, "playwright/sample-files/1sec-long-name-audio-file.ogg");
+        await uploadFile(page, "sample-files/1sec-long-name-audio-file.ogg");
         await takeSnapshots(page, app, "Selected EventTile of audio player (light theme)");
     });
 
     test(
         "should be correctly rendered - light theme with monospace font",
         { tag: "@screenshot" },
         async ({ page, app }) => {
-            await uploadFile(page, "playwright/sample-files/1sec-long-name-audio-file.ogg");
+            await uploadFile(page, "sample-files/1sec-long-name-audio-file.ogg");
 
             await takeSnapshots(page, app, "Selected EventTile of audio player (light theme, monospace font)", true); // Enable monospace
         },
@@ -183,7 +189,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
 
         await app.closeDialog();
 
-        await uploadFile(page, "playwright/sample-files/1sec-long-name-audio-file.ogg");
+        await uploadFile(page, "sample-files/1sec-long-name-audio-file.ogg");
 
         await takeSnapshots(page, app, "Selected EventTile of audio player (high contrast)");
     });
@@ -192,13 +198,13 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
         // Enable dark theme
         await app.settings.setValue("theme", null, SettingLevel.ACCOUNT, "dark");
 
-        await uploadFile(page, "playwright/sample-files/1sec-long-name-audio-file.ogg");
+        await uploadFile(page, "sample-files/1sec-long-name-audio-file.ogg");
 
         await takeSnapshots(page, app, "Selected EventTile of audio player (dark theme)");
     });
 
     test("should play an audio file", async ({ page, app }) => {
-        await uploadFile(page, "playwright/sample-files/1sec.ogg");
+        await uploadFile(page, "sample-files/1sec.ogg");
 
         // Assert that the audio player is rendered
         const container = page.locator(".mx_EventTile_last").getByRole("region", { name: "Audio player" });
@@ -220,7 +226,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
     });
 
     test("should support downloading an audio file", async ({ page, app }) => {
-        await uploadFile(page, "playwright/sample-files/1sec.ogg");
+        await uploadFile(page, "sample-files/1sec.ogg");
 
         const downloadPromise = page.waitForEvent("download");
 
@@ -238,7 +244,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
         "should support replying to audio file with another audio file",
         { tag: "@screenshot" },
         async ({ page, app }) => {
-            await uploadFile(page, "playwright/sample-files/1sec.ogg");
+            await uploadFile(page, "sample-files/1sec.ogg");
 
             // Assert the audio player is rendered
             await expect(page.getByRole("region", { name: "Audio player" })).toBeVisible();
@@ -248,7 +254,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
             await clickButtonReply(tile);
 
             // Reply to the player with another audio file
-            await uploadFile(page, "playwright/sample-files/1sec.ogg");
+            await uploadFile(page, "sample-files/1sec.ogg");
 
             // Assert that the audio player is rendered
             await expect(tile.getByRole("region", { name: "Audio player" })).toBeVisible();
@@ -273,7 +279,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
 
             const tile = page.locator(".mx_EventTile_last");
 
-            await uploadFile(page, "playwright/sample-files/upload-first.ogg");
+            await uploadFile(page, "sample-files/upload-first.ogg");
 
             // Assert that the audio player is rendered
             await expect(
@@ -283,7 +289,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
             await clickButtonReply(tile);
 
             // Reply to the player with another audio file
-            await uploadFile(page, "playwright/sample-files/upload-second.ogg");
+            await uploadFile(page, "sample-files/upload-second.ogg");
 
             // Assert that the audio player is rendered
             await expect(
@@ -293,7 +299,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
             await clickButtonReply(tile);
 
             // Reply to the player with yet another audio file to create a reply chain
-            await uploadFile(page, "playwright/sample-files/upload-third.ogg");
+            await uploadFile(page, "sample-files/upload-third.ogg");
 
             // Assert that the audio player is rendered
             await expect(tile.getByRole("region", { name: "Audio player" })).toBeVisible();
@@ -325,7 +331,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
     );
 
     test("should be rendered, play, and support replying on a thread", async ({ page, app }) => {
-        await uploadFile(page, "playwright/sample-files/1sec-long-name-audio-file.ogg");
+        await uploadFile(page, "sample-files/1sec-long-name-audio-file.ogg");
 
         // On the main timeline
         const messageList = page.locator(".mx_RoomView_MessageList");

apps/web/playwright/e2e/voip/element-call.spec.ts

@@ -612,7 +612,10 @@ test.describe("Element Call", () => {
             },
         });
 
-        const fakeCallClientSend = readFile("playwright/sample-files/fake-element-call-with-send.html", "utf-8");
+        const fakeCallClientSend = readFile(
+            join(__dirname, "..", "..", "sample-files", "fake-element-call-with-send.html"),
+            "utf-8",
+        );
 
         let charlie: Bot;
         test.use({