Cypress · cy.get · Page objects

Cypress selector generator

Inventory visible UI, copy stable CSS selectors, and name elements for Cypress page object models — before you write specs.

Add AutoLocator to Chrome
CSSFor cy.get
POMNaming
BatchDiscovery
FreeLocal

Cypress locators without the copy-paste grind

AutoLocator helps Cypress teams build maintainable selector libraries from real DOM — not from guesswork in DevTools.

Cypress selector generator workflow

Cypress tests lean on cy.get() with CSS selectors. AutoLocator scans the visible page, returns copy-ready selectors, and prefixes element names for page object models — so your support files stay organized.

Use AutoLocator before writing specs: inventory the screen, copy stable selectors, then build custom commands and POM classes on a solid foundation.

  • CSS selectors ready for cy.get()
  • XPath when using cy.xpath plugins
  • Consistent Button_/Input_ naming
  • Dropdown option discovery for custom widgets

Ship Cypress tests with stable selectors