test: fixes flaky download readadlong tests

Author: sergeleger

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

@@ -38,9 +38,7 @@ export const testMakeAReadAlong = async (page: Page) => {
 
     //wait for edit page to load
     await expect(async () => {
-      await expect(page.getByTestId("ra-header")).toBeVisible({
-        timeout: 0,
-      });
+      await expect(page.getByTestId("ra-header")).toBeVisible({ timeout: 0 });
       await expect(page.getByTestId("ra-header")).toBeEditable();
       //edit the headers
 
@@ -59,19 +57,11 @@ export const testMakeAReadAlong = async (page: Page) => {
     await expect(page.getByTestId("ra-subheader")).toHaveValue("by me");
     //add translations
 
-    await page
-      .locator("#t0b0d0p0s0")
-      .getByRole("button")
-      .click({ force: true, timeout: 0 });
+    await page.locator("#t0b0d0p0s0").getByRole("button").click({ timeout: 0 });
+
+    await page.locator("#t0b0d0p0s1").getByRole("button").click({ timeout: 0 });
+    await page.locator("#t0b0d0p1s0").getByRole("button").click({ timeout: 0 });
 
-    await page
-      .locator("#t0b0d0p0s1")
-      .getByRole("button")
-      .click({ force: true, timeout: 0 });
-    await page
-      .locator("#t0b0d0p1s0")
-      .getByRole("button")
-      .click({ force: true, timeout: 0 });
     //update translations
     await expect(page.locator("#t0b0d0p0s0translation")).toBeEditable();
     await page