javascript - 如何使用 或 标签验证图像在前端是否可见/存在

Question

有谁知道如何使用其 <a href> 验证图像是否存在或 <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>

Answer 1

如果我没理解错的话，你在找

cy.get('a[href="..."]')

同理

cy.get('img[src="..."]')

您应该在何处添加适当的文本而不是 ...

当然，跟着.should('be.visible')。

如果你想使用部分匹配，你可以使用

cy.get('img[src$="bottle.png"]')  // NOTE src$=