我試圖對一個元素進行斷言以查看是否選中了複選框。請找到下面的圖片:
現在,這是針對此元素的 dom 結構:
<pds-radio class data-v-1234bb3c model="singleSelection" checked>
#shadow-root (open)
<div class="wrapper">
<div class="radio-wrapper">
<div class="radio-container">
<div class="radio active" tabindex="0">
::before
現在,當我點擊它時,我在“pds-radio”中得到了這個“checked”屬性,並且在陰影中,類變為class="radio active"如果沒有選中它的class="radio"
我將非常感謝您在這方面的幫助。謝謝
您可以使用.shadow()
來訪問 shadow DOM。
cy.get('pds-radio')
.shadow()
.find('.radio')
.should('have.class', 'active')
或者,您可以includeShadowDom
在find
命令中包含該選項。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句