cypress - Wie erhalte ich ein Auswahlelement anhand des ausgewählten Werts?

Question

Ich versuche, Cypress in einem Vue-Projekt zu verwenden. Ich habe eine Seite mit einer Tabelle mit vielen Zeilen. Jede Zeile verfügt über eine Auswahlbeschriftung. Dieses Auswahletikett verfügt über verschiedene Optionen und den aktuellen Status jeder Zeile, z. B. „In Bearbeitung“, „Wartet auf Überprüfung“ usw.

Durch die Änderung gibt es einige Bedingungen; einige sind nicht zulässig, einige erfordern eine Bestätigung, andere sind in Ordnung und zeigen eine Erfolgsmeldung an.

Um dies zu testen, muss ich das Element basierend auf seinem aktuellen Wert abrufen. Wie ich in der Cypress-Dokumentation oder auf verschiedenen Websites gesehen habe, gibt es dafür (sofern möglich) keine Erklärung.

Um es klarer auszudrücken, ich möchte so etwas (ich weiß, dass hasValue nichts ist, was auf Cypress existiert):

cy.get('select').hasValue('In Bearbeitung')
// oder
cy.get('select').hasValue(3)

Ich habe so etwas wie contains ausprobiert, aber das gibt den gesamten Text zurück.

Answer 1

文档位于此处选择示例，

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

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

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