I have a div in which I load dynamic image depending if the user clicks on a button.

<div style="background-image: url('myimage.png')"></div>

so far this is my test:

cy.get('label').first().click();

cy.get('.bg-cover').should('have.css', 'background-image');

But how can I check if the background src changes.

I have a div in which I load dynamic image depending if the user clicks on a button.

<div style="background-image: url('myimage.png')"></div>

so far this is my test:

cy.get('label').first().click();

cy.get('.bg-cover').should('have.css', 'background-image');

But how can I check if the background src changes.

• javascript
• html
• testing
• cypress

• Check this stackoverflow./questions/2157963/… – Ali Azimi Commented Sep 23, 2020 at 8:37
• 2 Have you tried .should('have.css', 'background-image', "url('myimage.png')");? – dork Commented Sep 23, 2020 at 8:40
• @dork the image url can be dynamic, that is why I need to check wether the image exists and the url changes on click – kimfs Commented Sep 23, 2020 at 8:54

1 Answer 1

I'm not sure you already resolved this, but I leave my solution for other

cy.get('.bg-cover')
  .should('have.css', 'background-image')
  .and('include', 'myimage.png')