diff --git a/background-slider/cypress/e2e/test1.spec.cy.js b/background-slider/cypress/e2e/test1.spec.cy.js index 71ce6ba..b8ef91e 100644 --- a/background-slider/cypress/e2e/test1.spec.cy.js +++ b/background-slider/cypress/e2e/test1.spec.cy.js @@ -39,6 +39,7 @@ describe('Project 4: Background Slider', () => { cy.get('.fa-arrow-left ').should('be.visible').click() cy.get('.slide').should('have.class', 'active').should('be.visible') }) + }) context('Right Arrow', () => { @@ -54,7 +55,35 @@ describe('Project 4: Background Slider', () => { cy.get('.fa-arrow-right ').should('be.visible').click() cy.get('.slide').should('have.class', 'active').should('be.visible') }) + }) }) }) + + context('Background Image', () => { + it('Verifies the background image of the first slide', () => { + cy.get('.slide').first().should('have.css', 'background-image') + .and('include', 'photo-1549880338-65ddcdfd017b') + }) + + it('Verifies the background image of the second slide', () => { + cy.get('.slide').eq(1).should('have.css', 'background-image') + .and('include', 'photo-1511593358241-7eea1f3c84e5') + }) + + it('Verifies the background image of the third slide', () => { + cy.get('.slide').eq(2).should('have.css', 'background-image') + .and('include', 'photo-1495467033336-2effd8753d51') + }) + + it('Verifies the background image of the fourth slide', () => { + cy.get('.slide').eq(3).should('have.css', 'background-image') + .and('include', 'photo-1522735338363-cc7313be0ae0') + }) + + it('Verifies the background image of the fifth slide', () => { + cy.get('.slide').last().should('have.css', 'background-image') + .and('include', 'photo-1559087867-ce4c91325525') + }) + }) }) \ No newline at end of file