Resolve flakiness in global audio player VR tests

frontend/test/playwright/visual-regression/components/global-audio-player.spec.ts

@@ -12,23 +12,25 @@ import audio from "~~/test/playwright/utils/audio"
 
 for (const dir of languageDirections) {
   breakpoints.describeXs(async ({ expectSnapshot }) => {
-    // https://github.com/WordPress/openverse/issues/3009
-    test.skip(`Global audio player on the search page - ${dir}`, async ({
+    test(`Global audio player on the search page - ${dir}`, async ({
       page,
     }) => {
       await dismissTranslationBanner(page)
       await dismissAnalyticsBanner(page)
       await page.goto(
         pathWithDir("/search/audio/?q=honey&length=shortest", dir)
       )
-      const audioRow = await audio.getNthAudioRow(page, 2)
+      const audioRow = await audio.getNthAudioRow(page, 3)
       await audio.play(audioRow, dir)
       await page
         .locator(".global-track")
         .getByRole("button", { name: t("playPause.pause", dir) })
         .click()
       // To make the tests consistent, set the played area to the same position
       await page.mouse.click(170, 650)
+      // Allow audio to buffer to the seeked position
+      // eslint-disable-next-line playwright/no-networkidle
+      await page.waitForLoadState("networkidle")
       await expectSnapshot(`global-audio-player-on-search-${dir}.png`, page)
     })
   })