[Solved] Selenium webdriver Automated Chrome hides text in CodeceptJS WebdriverIO test

I have a fresh install of Chrome Version 67.0.3396.87 and followed the codecept.io/quickstart/ to init a project and create the following test:

Feature('Hidden Text');

Scenario('test something', (I) => {
    I.amOnPage('/');
    pause();
});

The codecept.json config is pretty standard:

{
  "tests": "./*_test.js",
  "timeout": 10000,
  "output": "./output",
  "helpers": {
    "WebDriverIO": {
      "url": "https://codecept.io",
      "browser": "chrome"
    }
  },
  "include": {
    "I": "./steps_file.js"
  },
  "bootstrap": false,
  "mocha": {},
  "name": "chrome-missing-text"
}

When I run the test all text is hidden:

enter image description here

Interestingly this behaviour also applies to the chrome settings itself (also dev tools), but I can select and copy the “hidden” text and paste it sucessfully:

enter image description here

I tried to run selenium-standalone via selenium-standalone start, this runs selenium-standalone version 3.8.1 and ChromeDriver 2.37.544337 and also with latest selenium-standalone version 3.12.0 and ChromeDriver 2.4.0 downloaded, started manually via java -Dwebdriver.chrome.driver=chromedriver -jar selenium-server-standalone-3.12.0.jar, it did not changed the result that Chrome hides all text visually.

I am on Mac OS X 10.13.5.

What else can I do to troubleshoot & fix the issue?

I am unsure where to ask this question since I am not sure which part of the stack is causing the problem.

Read more here: Source link