如何使用 ![]()
验证图像在前端可见/存在或 标签
有谁知道如何使用 或
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>
Does anyone know how I can verify if an image exists using its <a href> or <img src>? I can only verify by its class such as:
it('Verifying vertical product', () => {
cy.get('.stage --vertical').should('be.visible')
})
but I want to know how to verify with img src or href tag. thank you
Full 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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
如果我理解正确，您正在寻找
类似的
位置，您应该在其中添加适当的文本而不是
...当然，请遵循
.should('be.visible')。如果你想使用部分匹配，你可以使用
If I understand correctly, you are looking for
Similarly
where you should add the appropriate text instead of
...Of course, follow with
.should('be.visible').If you want to use a partial match, you can use
更明确的测试可能会选择
href和.find()img，以避免返回多个图像的问题。A more explicit test might select
hrefand.find()the img, to avoid the problem of returning multiple images.如果您想使用图像名称来断言图像，您可以执行以下操作：
If you want to assert the image with the image name you can do something like:
另一种选择是应用检查属性的过滤器。
这里不是最佳选择，但对于更复杂的场景很有用。
Another option is to apply a filter which checks the attribute.
Not optimal here, but useful for more complicated scenarios.