cypress - 選択された値によって選択要素を取得するには?

Question

Vue プロジェクトで Cypress を使用しようとしています。多くの行を含むテーブルのあるページがあります。各行には選択ラベルがあります。この選択ラベルには、「処理中」、「レビュー待ち」などのさまざまなオプションと各行の現在のステータスが表示されます。

これを変更すると、いくつかの条件が適用されます。ある状態から別の状態への変更は許可されないもの、確認が必要なもの、OK で成功メッセージが表示されるものなどがあります。

これをテストするには、現在の値に基づいて要素を取得する必要があります。 cypress のドキュメントや別の Web サイトで見たように、これについては (可能な場合でも) 説明がありません。

つまり、より明確にするために、次のようなものが必要です (hasValue が cypress 上に存在するものではないことはわかっています):

cy.get('select').hasValue('In Process')
// または
cy.get('select').hasValue(3)

contains のようなものを試してみましたが、すべてのテキストが返されます。

Answer 1

ドキュメントはここにあります例を選択してください,

.invoke('val')を使用しての値を抽出するなど、表示方法は多数あります。

リーリー