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:
Copied to clipboard! Playground
// 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:
Copied to clipboard!
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:
Resources:
π More Webtips
Master the Art of Frontend
- Access 100+ interactive lessons
- Unlimited access to hundreds of tutorials
- Prepare for technical interviews