How do I add and use Chrome Extensions with Cypress.io?

Question

I'm currently dealing with a an X-Frame-Options issue being blocked when running my Cypress.io tests. I cannot change the server setup to modify the X-Frame settings. Somebody mentioned to me that I should try a chrome extension called "Ignore X-Frame headers."

I have the extension installed on my non-Cypress Chrome, but how do I install it for use in my Cypress.io tests? If I go into developer tools while running a Cypress test, I can see that no extensions are loaded for Cypress/Chrome.

Any ideas on how or IF I can do this? I'm using a Mac.

Answer 1

You could try to install the extension through Cypress chrome (and enable it).

Answer 2

You can use the before:browser:launch event to load a Chrome extension.

More information on how to use this event here.