Support using vue-remote-devtools within Cypress

[alukos]

I try to use Remote Vue DevTools with Cypress.

When add <script src="http://localhost:8098"></script> in index.html as nothingismagick suggests its work, but then need to delete each time for production

When try add in spec Cypress.on("window:before:load" ... as brian-mann suggests I get an error body null, when try add on win.onload:

Cypress.on("window:before:load", win => {
  win.onload = () => {
    const script = win.document.createElement("script");
    script.src = "http://localhost:8098";
    win.document.body.appendChild(script);
  };
});

or

    cy.visit('/', {
      onBeforeLoad: win => {
        win.onload = () => {
          const script = win.document.createElement('script');
          script.src = 'http://192.168.55.103:8098';
          win.document.body.appendChild(script);
        };
      },
    });

Vue DevTools are connected but the Vue components are not displayed

[jennifer-shehane]

I know this also may not be ideal, but I have a check within our web apps for window.Cypress - you could try adding the script only when window.Cypress is defined and it would only be inserted during testing.

[jennifer-shehane]

Since this issue hasn't had activity in a while, we'll close the issue until we can confirm this is still happening. Please comment if there is new information to provide concerning the original issue and we'd be happy to reopen.