Uploaded July 2024 | Updated September 2026, 1 week ago
You can check multiple images on the page to verify they load using Cypress "cy.get(...).each" command. Inside, you can verify the property "naturalWidth" or "naturalHeight" and if it is above zero, then the image has loaded.
expect($el, `image ${k + 1}`)
.to.have.prop('naturalWidth')
.be.greaterThan(0)
You can find the full source code at glebbahmutov.com/cypress-examples
You can check multiple images on the page to verify they load using Cypress "cy.get(...).each" command. Inside, you can verify the property "naturalWidth" or "naturalHeight" and if it is above zero, then the image has loaded.
expect($el, `image ${k + 1}`)
.to.have.prop('naturalWidth')
.be.greaterThan(0)
You can find the full source code at glebbahmutov.com/cypress-examples
