使用 webdriverio 浏览器对象如何检查视频是否正在播放

Question

使用 webdriverio 浏览器对象我正在获取视频对象。

const videoPlayer = browser.$(selector);

我在 WebdriverIO.Element videoPlayer 中没有看到 currentTime 或正在播放的属性。如何使用 webdriverio api 测试嵌入的视频是否正在播放？

Answer 1

要操作 iframe 中的元素，您应该先切换到 iframe。

describe('video', () => {
  it('manipulate video', () => {
    browser.url('https://www.volvocars.com/ph/why-volvo/human-innovation/future-of-driving/safety/a-million-more')

    // get rid of cookies
    browser.execute(`document.cookie = "OptanonAlertBoxClosed=${new Date().toISOString()};";`)
    browser.refresh()

    // open video
    const video1 = $('.videoWrapperItemList')
    expect(video1).toBeClickable()
    video1.click()

    // Important! Switch to iframe to interact with video player
    const videoIframe = $('#IframeExteriorTwoyoutube.video-active')
    browser.switchToFrame(videoIframe)

    const player = $('#movie_player')

    // video is playing
    expect(player).toHaveElementClass('playing-mode')

    // pause video
    const playPauseButton = $('.ytp-play-button')
    expect(playPauseButton).toBeClickable()
    playPauseButton.click()

    // video is paused
    expect(player).toHaveElementClass('paused-mode')

    // check current time
    expect($('.ytp-time-current')).toHaveTextContaining('0:0')

    browser.pause(2000) // demo purposes
  })
})