Cypress Failed to Connect to Chrome: 5 Ways to Easily Fix it

JavaScript doesn't always work well with Chrome

by Vlad Turiceanu
Vlad Turiceanu
Vlad Turiceanu
Editor-in-Chief
Passionate about technology, Windows, and everything that has a power button, he spent most of his time developing new skills and learning more about the tech world. Coming... read more
Fact checked by Alex Serban
Alex Serban
Alex Serban
Browser & Networking Expert
After moving away from the corporate work-style, Alex has found rewards in a lifestyle of constant analysis, team coordination and pestering his colleagues. Holding an MCSA Windows Server... read more
Affiliate Disclosure
  • Cypress is a purely JavaScript-based front-end testing tool built for the modern web.
  • When you use Chrome's supported version, there are fewer chances that it will pose any challenge.
  • To ensure the effective running of Cypress, you might need to manually scrutinize your commands again for mistakes.

XINSTALL BY CLICKING THE DOWNLOAD FILE
To fix various PC problems, we recommend Restoro PC Repair Tool:
This software will repair common computer errors, protect you from file loss, malware, hardware failure and optimize your PC for maximum performance. Fix PC issues and remove viruses now in 3 easy steps:

  1. Download Restoro PC Repair Tool that comes with Patented Technologies (patent available here).
  2. Click Start Scan to find Windows issues that could be causing PC problems.
  3. Click Repair All to fix issues affecting your computer's security and performance
  • Restoro has been downloaded by 0 readers this month.

Cypress is a purely JavaScript-based front-end testing tool built for the modern web. It aims to address the pain points developers or QA engineers face while testing an application.

Cypress is a more developer-friendly tool that uses a unique DOM manipulation technique and operates directly in the browser. Cypress also provides a unique interactive test runner that executes all commands.

Regardless of its promising features, users have been complaining that cypress failed to connect to Chrome. On other occasions, users claim cypress docker failed to connect to chrome, or that cypress could not verify that this server is running, amongst others.

It is for this that this article poses solutions to the browser-based problems that users face while trying to execute commands using Cypress.

Does Cypress support all browsers?

Cypress has a critical weakness: it cannot natively run tests against all browser types. At the time of writing this article, Cypress supports only a limited set of browsers: Chrome, Edge, Electron, and Firefox.

That means no support for Safari and Internet Explorer (IE). Cypress also doesn’t support mobile browsers.

However, there is a way to run Cypress tests against any browser type, including Safari, IE, and mobile browsers: using Applitools Visual AI with the Ultrafast Test Cloud.

Does Cypress use Chrome Devtools protocol?

When Cypress controls a Chromium browser, it has an open remote interface connection between Cypress and the browser.

DevTools is invaluable for debugging an application, or understanding why an end-to-end test goes astray. Typically, Cypress uses Chrome Devtools protocol to visit the site and perform special operations like setting cookies or setting the file downloads folder.

During Cypress tests, you can click on any command to see additional information for that command, inspect DOM elements, and observe network calls.

How do I get Cypress to work on Chrome? 

1. Update the Chrome browser

  1. On your computer and launch Chrome.
  2. At the top right, click on the More icon.
  3. Click Help and then About Google Chrome.
  4. Click Update Google Chrome. (If you can’t find this button, you’re on the latest version)

Also, check chromium.cypress.io for links to download a specific released version of Chrome (dev, Canary, and stable) for every platform.

2. Use Chrome-flavored browsers

  1. Open Cypress by typing this command in the terminal: node_modules/.bin/cypress open
  2. Run the following command in the terminal: cypress run -browser chrome
  3. The Test Runner window will open, which will show the test case cypressTest1.js.
  4. You can select the browser for the test case from the right-hand side of Test Runner.

All Chrome-flavored browsers will be detected and are supported above Chrome 64, such as Chromium, Chrome Beta, Chrome Canary, and others.

3. Debug the Chrome browser

  1. Enable browser to debug logs using this code: npm run cypress:run-hang
  2. When cy.pause()starts, enter chrome://crash in the URL to view behavior.

Doing this will aid Cypress to function effectively on Chrome

4. Grant Chrome the Permission to run tests

Check Browser.setPermission command to set the permission. By granting the test runner the permission, the browser skips showing the “should this site have access to the clipboard?” user prompt.

5. Do a manual check on the command

It is possible that you wrote an endless loop and that you must fix your own code. It could also be that you are running lots of tests on a memory intense application.

We hope that the above fixes will solve any problem you may encounter. You can also check how to fix chromewebdata buttons error.

idee restoro Still having issues? Fix them with this tool:
  1. Download this PC Repair Tool rated Great on TrustPilot.com (download starts on this page).
  2. Click Start Scan to find Windows issues that could be causing PC problems.
  3. Click Repair All to fix issues with Patented Technologies (Exclusive Discount for our readers).

Restoro has been downloaded by 0 readers this month.

This article covers:Topics: