How to Do Cross Browser Testing in Cypress

To do cross-browser testing in Cypress, we can pass in the required browser to a describe or an it block using the browser flag in the following way:

// Passing for describe:
describe('Features on Firefox', { browser: 'firefox' }, () => {
   it(...);
   it(...);
});

// Passing for it:
it('Should work perfectly in Chrome', { browser: 'chrome' }, () => {
    ...
});

We can also exclude certain browsers by negating it with an exclamation mark, for example, to exclude Chrome, we can say:

it('Should skip Chrome', { browser: '!chrome' }, () => {
    ...
});

The browser flag can accept the same arguments as Cypress.isBrowser can take on.

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:

• Official documentation on cross-browser testing with Cypress
• Documentation for Cypress.isBrowser