cypress：角度材质滑块的设置值答案

【问题标题】：cypress: set value of angular material slidercypress：角度材质滑块的设置值
【发布时间】：2020-11-22 02:47:08
【问题描述】：

我正在测试包含垫滑块的代码，但我无法通过测试设置滑块的值或移动滑块。

我尝试了各种方法，包括这些：

到目前为止没有运气。有没有其他办法？

问题是mat-slider不是input=range...当移动slider时，改变的属性是aria-valuenow。我尝试设置它并触发更改或输入，但它并没有起作用。

我需要使用 mousemove 等吗？

【问题讨论】：

【解决方案1】：

您可以将焦点设置在滑块上并使用箭头键来增加/减少值。
如果您有一个带有标签“一些滑块”的滑块，初始值为 0 和第 1 步，则以下代码会将您的值设为 3 :)。

cy.findByLabelText("Some slider")
  .focus()
  .type("{rightarrow}{rightarrow}{rightarrow}");

我在 cypress 7.4.0 的项目中使用它

【讨论】：