cypress - 如何通过所选值获取选择元素？

Question

我正在尝试在 Vue 项目中使用 Cypress。我有一个页面，其中有一个包含很多行的表。每行都有一个选择标签。此选择标签具有不同的选项以及每行的当前状态，例如：“处理中”、“等待审核”等。

通过改变这个，有一些条件；有些从一种状态更改为另一种状态是不允许的，有些需要确认，有些则可以并显示成功消息。

为了测试这一点，我必须根据元素的当前值获取元素。 正如我在 cypress 文档或不同网站上看到的那样，没有对此的解释（如果可能的话）。

所以，更清楚地说，我想要这样的东西（我知道 hasValue 不是 cypress 上存在的东西）：

cy.get('select').hasValue('In Process')
// or
cy.get('select').hasValue(3)

我尝试过诸如 contains 之类的操作，但这会返回所有文本。

Answer 1

文档位于此处选择示例，

显示的方法有多种，例如使用 .invoke('val') 提取 的值。

cy.get('select')
  .invoke('val')
  .should('eq', 'In Process')

cy.get('select')
  .should('have.value', 'In Process')