How to Run Cypress Test in Safari Browser

In previous versions we could not run tests in Safari browser with Cypress. But now Cypress version 10.8.0 has added experimental feature to support running tests in Safari browser.

“Cypress has experimental support for WebKit, Safari’s browser engine. Testing your app with WebKit is representative of how your app would run in Safari.” — cypress.io

So how will it be, by following these steps:

1. First install the latest version on Cypress. (Current v.10.8.0)
2. Add playwright-webkit:

npm install --save-dev playwright-webkit

3. First and Second steps are completed, then open the cypress.config.js file and add this:

experimentalWebKitSupport: true

Now let’s see in the screenshots:

After completed Step-1 and Step-2

That’s all I’m going to explain for now. Of course, there are missing part, but it will continue to be developed and I think it will be better by following the updates.