[英]how to test all page elements rendered on their place on blog where images are changing with cypress
我想为我的博客页面添加 cypress 测试，其中图像不断变化，我无法使用 cypress 共享的可视化测试插件。 这些测试因图像更改而失败。 我尝试使用 cypress-plugin-snapshot。
是否有任何插件可以帮助我测试所有页面元素都在它们的位置呈现。 页面结构是否符合预期？
也许你可以有下面的图像示例 - 仅供参考。 块内的内容不是必需的，但块需要在预期的范围内进行测试。
图像内容可能会发生变化，但整个页面布局会按预期呈现。 例如。 可能是 img 样式忘记添加宽度 100% 并且它会根据实际图像宽度进行渲染。
您可以像这样验证图片 src 属性：
cy.get('img').should('have.attr', 'src', '/location.png')
如何检测何时加载所有图像并将元素渲染到适当的高度
[英]How to detect when all images are loaded and elements are rendered at their appropriate heights
网页加载时的插件和html-元素遍地都是秒
[英]Plugins and html on page load - Split second where elements are all over the place
如何使用其API在网页上显示来自Tumblr博客的所有图像？
[英]How can i display all images from a Tumblr blog on my web page using their API?
如何迭代和测试赛普拉斯元素中的不同子元素？
[英]How to iterate over and test different child elements within an element in cypress?
使用Ajax渲染页面后，按返回按钮不会将垂直光标放置在左侧的位置
[英]Pressing back button does not place the vertical cursor where it was left after the page is rendered using ajax
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.