Texts rendering problems with Chrome

[sergiop]

Current behavior:

For a few days I have some problems with Cypress/Chrome. All texts disappears. All work properly, but Chrome has some problem rendering texts, inside developer tools too.
I have no problem with the normal instance of Chrome.

Any ideas to solve?

Versions

Cypress 3.0.1 (but it happened also with previous versions)
macOS 10.13.5
Google Chrome 67.0.3396.87 (64 bit)

[chrisbreiding]

Duplicate of #1617

[brian-mann]

@sergiop per my comment on the other duplicate issues -

#1994 (comment)

Can you do us a favor and remove the flags that we pass to chrome until this no longer breaks? Since it works in normal Chrome but not in Cypress I am 100% sure it's related to a flag we pass. However, none of us can reproduce and we need help reproducing what is causing this problem.

[sergiop]

Of course @brian-mann, I'll gladly help you with some debugging. I solved adding --disable-gpu flag, as you told here #1617 (comment). What can I do more?

[brian-mann]

@sergiop that's how you solve the problem - but because that flag is not needed when you "normally use Chrome" its just hiding the real problem.

The real problem is that some flag that we pass to Chrome is causing it to enter into this rendering mode. I don't know what it is.

It would be great if you can remove the flags that we pass into chrome one by one until it "works".

You can remove the flags by tapping into the before:browser:launch event and then rejecting the args from the array until one passes.

https://docs.cypress.io/api/plugins/browser-launch-api.html#

[sergiop]

Hi @brian-mann, as you asked me I removed one by one all the flags but I had no success. :-(
None of that apparently cause the issue.

This is what I get from args var:

args = ['--test-type', '--ignore-certificate-errors', '--start-maximized', '--silent-debugger-extension-api', '--no-default-browser-check', '--no-first-run', '--noerrdialogs', '--enable-fixed-layout', '--disable-popup-blocking', '--disable-password-generation', '--disable-save-password-bubble', '--disable-single-click-autofill', '--disable-prompt-on-repos', '--disable-background-timer-throttling', '--disable-renderer-backgrounding', '--disable-renderer-throttling', '--disable-restore-session-state', '--disable-translate', '--disable-new-profile-management', '--disable-new-avatar-menu', '--allow-insecure-localhost', '--reduce-security-for-testing', '--enable-automation', '--disable-infobars', '--disable-device-discovery-notifications', '--disable-blink-features=RootLayerScrolling', '--metrics-recording-only', '--disable-prompt-on-repost', '--disable-hang-monitor', '--disable-sync', '--disable-web-resources', '--safebrowsing-disable-auto-update', '--safebrowsing-disable-download-protection', '--disable-client-side-phishing-detection', '--disable-component-update', '--disable-default-apps', '--proxy-server=http://localhost:55204']

...and this is the syntax I used:

if (browser.name === 'chrome') {
  const index = args.indexOf('--disable-default-apps');
  if (index > -1) {
    args.splice(index, 1);
  }

  return args
}

One final note: removing all the flags at the same time, still returns me the same error.

if (browser.name === 'chrome') {
  args = []
  return args
}

[antonmyrberg]

Just getting started checking out Cypress, which looks great. Unfortunately, I've run into the same problem as @sergiop. My regular Chrome works as expected, but Cypress just renders color blocks with text in the same color. So the testing works, but the rendering breaks. If I copy the text and pastes it somewhere else I get the correct messages from Cypress.

See image:

Let me know if I can do anything to help.

[antonmyrberg]

The --disable-gpu fix works.