How to Test if Element Contains not Exact Match in Cypress

To test for a partial match in Cypress, you can use regexes with a should assertion or a contains command in the following way:

cy.get('.header').should('contain', /Welcome/);
cy.get('.header').contains(/Welcome/);

Both of these will match partially for the "Welcome" word. If your match depends on a variable, it is also possible to pass variables to a regex, however, for that you need to initialize a new RegExp object like so:

const regex = /Welcome/;

cy.get('.header')
  .should('contain', new RegExp(regex, 'g'));

cy.get('.header')
  .contains(new RegExp(regex, 'g'));

The g flag passed to the regex tells it to match expressions globally. Want to learn Cypress from end to end? Check out my Cypress course on Educative where I cover everything:

Get access to 300+ webtips 💌

Level up your skills and master the art of frontend development with bite-sized tutorials.

We don't spam. Unsubscribe anytime.

Get Access to Webtips

---

Resources:

• Documentation for should assertions
• Documentation for the contains command
• Tutorial on Regex