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')