[英]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.