Selector Playground doesn't highlight element currently being hovered over

[wojciech-sygier]

Current behavior:

Upon selecting Selector Playground and hovering over ANY element it is not highlighted (you can barely see the selector before clicking), however clicking the element will still yield the selector.

Desired behavior:

Item being hovered over is highlighted, user can clearly see what yielded selector will cover.

Steps to reproduce: (app code and test code)

Literally any test will do, even as simple as this:

describe('Random test', () => {
   it('should just visit the page', () => {
       cy.visit('https://www.barnebys.com/');
   });
});

Steps:

1. Launch the test.
2. Click "Selector Playground" button after the test has ended.
3. Hover over any element.
4. (optionally) Click the element.

Versions

Cypress 3.4.1, macOS Mojave 10.14.6, Google Chrome 75.0.3770.142

[AlexaTkachenko]

I was faced with the same issue
Cypress Version 3.4.1, Windows 10 Pro, browser Chrome 75, Electron 61

[ZiqiWill]

Yes , I have the same issue, looks like some resources are missing

[ZiqiWill]

it's seems we're meeting a big defect of the Runner UI in this Version
here is my runtime information

browserPath: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe",
browserName: "chrome",
browserVersion: "75.0.3770.142",
osName: "win32",
osVersion: "6.3.9600",
cypressVersion: "3.4.1",

hopes there are some work-around to solve this , so that we don't need waiting for the new version release,
@jennifer-shehane thanks

[chrisbreiding]

@bkucera I'm guessing this is a result of the change to using webpack internally. Can you look into it?

[jbpallingayan]

GET /__cypress/runner/cypress_selector_playground.css 404 1.336 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 0.333 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 0.361 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 0.377 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 0.372 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 1.408 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 2.002 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 0.609 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 1.169 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 1.140 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 1.045 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 1.054 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 1.239 ms - 136 [1] GET /__cypress/runner/cypress_selector_playground.css 404 0.886 ms - 136 [1] [23848:0805/165015.443841:WARNING:x11_util.cc(1353)] X error received: serial 81817, error_code 3 (BadWindow (invalid Window parameter)), request_code 3, minor_code 0 (X_GetWindowAttributes) [1] GET /__cypress/runner/cypress_selector_playground.css 404 0.532 ms - 136

got this same error.

[cypress-bot]

The code for this is done in cypress-io/cypress#4940, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 3.5.0.