cypress css code example

Example 1: cypress element css

cy
  .get('nav')                          // yields <nav>
  .should('be.visible')                // yields <nav>
  .should('have.css', 'font-family')   // yields 'sans-serif'
  .and('match', /serif/)               // yields 'sans-serif'

Example 2: cypress check element have attribute

// have.attr comes from chai-jquery
cy.get('#header a').should('have.attr', 'href', '/users')