<a href>一個簡單的問題,但對賽普拉斯來說還是個新手,有誰知道我如何使用它的or來驗證影像是否存在<img src>?我只能通過其類進行驗證,例如:
it('Verifying vertical product', () => {
cy.get('.stage --vertical').should('be.visible')
})
但我想知道如何使用 img src 或 href 標簽進行驗證。謝謝
完整的 HTML:
<a href="haigclub.diageoplatform.com/en/our-whisky/haig-club-clubman">
<img style="margin: auto; display: block;" class="stage__image"
src="haigclub.diageoplatform.com/user/themes/haig/images/bottle.png">
</a>

uj5u.com熱心網友回復:
如果我理解正確,您正在尋找
cy.get('a[href="..."]')
相似地
cy.get('img[src="..."]')
您應該在其中添加適當的文本而不是...
當然,跟著.should('be.visible').
如果要使用部分匹配,可以使用
cy.get('img[src$="bottle.png"]') // NOTE src$=
uj5u.com熱心網友回復:
更明確的測驗可能會選擇href和.find()img,以避免回傳多個影像的問題。
cy.get('a[href^="haig-club-clubman"]')
.find('img') // find inside previous selector (a[href])
.should('have.attr', 'src')
.and('include', 'bottle.png') // explicit test of src attribute
uj5u.com熱心網友回復:
如果要使用影像名稱斷言影像,可以執行以下操作:
cy.get('img').invoke('attr', 'src').should('include', 'bottle.png')
uj5u.com熱心網友回復:
另一種選擇是應用檢查屬性的過濾器。
這里不是最優的,但對更復雜的場景很有用。
cy.get('img')
.filter('[src^="bottle.png"]')
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/437524.html
標籤:javascript 测试 自动化 柏 质量保证
下一篇:從標準輸入逐行處理
