Where is the Pointer (Path locator) in the v15.0.0 ?

[theoBourelakos]

I cant locate the path locator. It was at the left of the url (chrome icon) but now its not there.

[loguinha]

Hi @theoBourelakos!

You are correct, you're not missing it! That feature known as the Selector Playground was officially removed from the Cypress Test Runner starting in version 13.0.0.

The main reason for its removal was that modern browsers' built-in developer tools have become extremely powerful and offer the same (or even better) functionality.

The Recommended Alternative: Use Browser DevTools

The current best practice is to use your browser's own DevTools to find selectors. It's quick and very effective.

Here's how to do it in Chrome (or any Chromium browser like Edge):

• While your test is running in Cypress, open the browser's DevTools (you can press F12 or right-click on the page and select Inspect).

• Click the "Inspect Element" icon in the top-left corner of the DevTools panel (it looks like a cursor pointing at a square).

• Click on any element on your web page that you want to select.

• The element will be highlighted in the Elements tab of your DevTools. Right-click on the highlighted HTML line.

• Go to Copy > Copy selector.

Now you have a CSS selector for that element copied to your clipboard, ready to be pasted into your cy.get() command.

For more robust tests, the Cypress team also recommends adding data-* attributes (like data-cy) to your elements so your tests don't break if the CSS changes.

Hope this helps clear things up!

I cant locate the path locator. It was at the left of the url (chrome icon) but now its not there.

[theoBourelakos]

Hello @loguinha , thank you for the quick response.
We have added in all our projects data-cy obviously , i just noticed it and was curious for the reason.
Yes makes sense now!
Thank you very much, have a nice day!

[loguinha]

Hello @loguinha , thank you for the quick response.

We have added in all our projects data-cy obviously , i just noticed it and was curious for the reason.

Yes makes sense now!

Thank you very much, have a nice day!

No problem, have a nice day as well! ;)