HTMLXPathCSSPlaywrightCypress
HTML Locator Generator
Paste HTML and generate XPath, CSS selectors, Playwright locators, and Cypress snippets for automation testing.
HTML Input
Generated Locators
Paste HTML and click generate to see locator suggestions.
Selector priority
Prefers data-testid/data-test/data-cy, then accessible role/name, id, name, and finally stable CSS paths.
Automation output
Each row includes XPath, CSS, Playwright locator, and Cypress command so QA can reuse it immediately.
Client-side parsing
HTML is parsed in your browser with DOMParser. The pasted markup is not uploaded by this tool.