如何在Cypress中遍历并获取父元素同级元素的文本值?
在Cypress中获取父元素同级元素的文本
当然可以,你之前的代码问题出在parentsUntil的使用上——它返回的是目标元素到指定父元素之间的所有祖先(不包含指定的父元素本身),所以后续调用siblings时,是在这些祖先元素的同级里查找,自然找不到目标的标题元素。
给你两种可行的写法:
方法1:通过共同父级定位
先找到包含开关和标题的共同父元素,再在父元素下直接查找标题:
cy.get('[role="switch"]') .closest('.v-list-item') // 定位到最近的共同父元素 .find('.v-list-item__title.px-3') .invoke('text') // 获取文本内容 .then(titleText => { // 这里可以处理获取到的文本,比如打印或断言 console.log('标题文本:', titleText) })
方法2:从直接父元素找同级
先定位到开关的直接父元素v-list-item__icon,再找它的同级标题元素:
cy.get('[role="switch"]') .parent('.v-list-item__icon.px-3') // 获取开关的直接父元素 .siblings('.v-list-item__title.px-3') .invoke('text') .then(titleText => { console.log('标题文本:', titleText) })
内容的提问来源于stack exchange,提问作者simpleMan
相关产品推荐
相关产品推荐

