fix: failing tests due to mat-ui introducing role=radio for button groups

Author: sergeleger

packages/studio-web/tests/studio-web/check-page-1.spec.ts

@@ -94,7 +94,7 @@ test.describe("test studio UI & UX", () => {
 
     await page
       .getByTestId("audio-btn-group")
-      .getByRole("button", { name: "File" })
+      .getByRole("radio", { name: "File" })
       .click();
     await page.getByTestId("ras-audio-fileselector").click();
     await page.getByTestId("ras-audio-fileselector").setInputFiles(testMp3Path);
@@ -112,7 +112,7 @@ test.describe("test studio UI & UX", () => {
 
     await page
       .getByTestId("text-btn-group")
-      .getByRole("button", { name: "File" })
+      .getByRole("radio", { name: "File" })
       .click();
     await page.locator("#updateText").click();
     await page
@@ -133,7 +133,7 @@ test.describe("test studio UI & UX", () => {
 
     await page
       .getByTestId("audio-btn-group")
-      .getByRole("button", { name: "File" })
+      .getByRole("radio", { name: "File" })
       .click();
     await page.getByTestId("ras-audio-fileselector").click();
     await page.getByTestId("ras-audio-fileselector").setInputFiles(testMp3Path);

packages/studio-web/tests/studio-web/make-read-along.spec.ts

@@ -14,7 +14,7 @@ test("should make read along", async ({ page, browserName }) => {
   await expect(page.getByTestId("text-download-btn")).toBeVisible();
   await page
     .getByTestId("audio-btn-group")
-    .getByRole("button", { name: "File" })
+    .getByRole("radio", { name: "File" })
     .click();
   await page.getByTestId("ras-audio-fileselector").click();
   await page.getByTestId("ras-audio-fileselector").setInputFiles(testMp3Path);

packages/studio-web/tests/test-commands.ts

@@ -22,7 +22,7 @@ export const testMakeAReadAlong = async (page: Page) => {
 
     await page
       .getByTestId("audio-btn-group")
-      .getByRole("button", { name: "File" })
+      .getByRole("radio", { name: "File" })
       .click();
     await page.getByTestId("ras-audio-fileselector").click({ force: true });
     await page.getByTestId("ras-audio-fileselector").setInputFiles(testMp3Path);