Feature request: High-level way to assert whether the browser is playing an audio file

Current behavior:

No high-level ability to test whether the browser is playing an audio file.

Desired behavior:

If possible, it’d be great to have a high-level way to check whether a specific audio file is currently being played by the browser, whether by an <audio> tag, the web audio API, or some other method that I don’t know about.

This could be something like cy.audio('https://example.com/path/to/music/file.mp3').should('be.playing').

My app uses howler JS to play audio files, and all I’ve been able to come up with in terms of testing the music is to use cy.window() to access the Howler global. This works okay, but it’d be great if there was a better way to do this that wasn’t so tied to the specific tool I’m using.

[kuceb]

@nwshane you can use this if you want to ensure audio is playing for the client…if you we’re using audio or video elements.

const expectPlayingAudio = () => {
  cy.get('audio,video').should((els)=>{
    let audible = false
    els.each((i, el)=>{
      console.log(el)
      console.log(el.duration, el.paused, el.muted)
      if (el.duration > 0 && !el.paused && !el.muted) {
        audible = true
      }

      // expect(el.duration > 0 && !el.paused && !el.muted).to.eq(false)
    })
    expect(audible).to.eq(true)
  })
}

describe('page', () => {
  it('works', () => {
    cy.visit('/')
    expectPlayingAudio()
  })
})

[illright]

@jennifer-shehane Could we reopen this? Seems like a valid feature request that is still not implemented