[Disabled] Flaky cypress test: FilePanel > render > should render the audio player and play the audio file on the panel

[richvdh]

https://cloud.cypress.io/projects/ppvnzg/runs/17606/test-results

[richvdh]

https://github.com/matrix-org/matrix-react-sdk/actions/runs/6653291163/job/18078969380#step:8:809

   AssertionError: Timed out retrying after 10000ms: Unable to find an accessible element with the role "button" and name "Pause"

Here are the accessible roles:

  button:

  Name "Play":
  <div
    aria-label="Play"
    class="mx_AccessibleButton mx_PlayPauseButton mx_PlayPauseButton_play"
    data-testid="play-pause-button"
    role="button"
    tabindex="-1"
  />

  --------------------------------------------------
  time:

  Name "":
  <time
    class="mx_Clock"
    datetime="PT1S"
  />

  --------------------------------------------------slider:

  Name "":
  <input
    class="mx_SeekBar"
    max="1"
    min="0"
    step="0.001"
    style="--fillTo:0.246772;"
    tabindex="-1"
    type="range"
    value="0.24677187948350007"
  />

  --------------------------------------------------
  timer:

  Name "":
  <time
    class="mx_Clock"
    datetime="PT0S"
    role="timer"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<div
  class="mx_MediaBody mx_AudioPlayer_container"
  tabindex="0"
>
  <div
    class="mx_AudioPlayer_primaryContainer"
  >
    <div
      aria-label="Play"
      class="mx_AccessibleButton mx_PlayPauseButton mx_PlayPauseButton_play"
      data-testid="play-pause-button"
      role="button"
      tabindex="-1"
    >
      <div />
    </div>
    <div
      class="mx_AudioPlayer_mediaInfo"
    >
      <span
        class="mx_AudioPlayer_mediaName"
      >
        1sec.ogg
      </span>
      <div
        class="mx_AudioPlayer_byline"
      >
        <time
          class="mx_Clock"
          datetime="PT1S"
        >
          00:01
        </time>
          
        (3.56 KB)
      </div>
    </div>
  </div>
  <div
    class="mx_AudioPlayer_seek"
  >
    <input
      class="mx_SeekBar"
      max="1"
      min="0"
      step="0.001"
      style="--fillTo:0.246772;"
      tabindex="-1"
      type="range"
      value="0.24677187948350007"
    />
    <time
      class="mx_Clock"
      datetime="PT0S"
      role="timer"
    >
      00:00
    </time>
  </div>
</div>
      at Context.eval (webpack://matrix-react-sdk/./cypress/e2e/right-panel/file-panel.spec.ts:173:69)