cypress - 선택한 값으로 선택 요소를 얻는 방법은 무엇입니까?

Question

Vue 프로젝트에서 Cypress를 사용하려고 합니다. 행이 많은 테이블이 있는 페이지가 있습니다. 각 행에는 선택 레이블이 있습니다. 이 선택 라벨에는 다양한 옵션과 '처리 중', '검토 대기 중' 등과 같은 각 행의 현재 상태가 있습니다.

이를 변경하면 일부 조건은 한 상태에서 다른 상태로 변경하는 것이 허용되지 않고, 일부는 확인이 필요하고, 일부는 괜찮고 성공 메시지가 표시됩니다.

이를 테스트하려면 현재 값을 기반으로 요소를 가져와야 합니다. Cypress 문서나 다른 웹사이트에서 본 것처럼 이에 대한 설명은 없습니다(가능한 경우).

더 명확하게 말하면 다음과 같은 것을 원합니다(hasValue는 cypress에 존재하는 것이 아니라는 것을 알고 있습니다).

cy.get('select').hasValue('처리 중')
// 또는
cy.get('select').hasValue(3)

contains와 같은 것을 시도했지만 모든 텍스트를 반환합니다.

Answer 1

문서는 여기에 있습니다. 예제 선택 ,

.invoke('val') 提取 값을 사용하는 등 표시하는 방법은 다양합니다.

으아악