cypress - 赛普拉斯点击 html5 视频按钮（播放/暂停、静音、滚动视频、全屏）

Question

我正在尝试单击 html5 视频元素上的播放/暂停、静音、全屏等选项。但问题是这些在 DOM 中不可用，我无法选择元素。我尝试使用坐标单击，但它不起作用。柏树也不支持键盘操作，否则我可以使用 Tab 和空格键来执行操作。有人可以建议一个解决方案来对 html5 视频元素执行操作吗？

示例 html5 视频

https://www.w3schools.com/html/html5_video.asp

Answer 1

对于静音和播放，您可以使用：

it('html5 video', () => {
    cy.visit("https://www.w3schools.com/html/html5_video.asp");
    cy.get('#accept-choices').click();
    cy.get('#video1').then((video) => {
      const element = video.get(0);
      element.muted = true;
      element.play();
      return video;
    })
  });

return video它是可选的。