CSS Selector and XPath Tester

Test CSS selectors and XPath expressions against pasted HTML for Selenium, Playwright, and Cypress automation.

Aruvix Selector Tester helps QA automation engineers validate CSS selectors and XPath expressions before using them in test scripts.

CSS selector and XPath tester workspace The interactive tool loads here immediately.

What is Selector Tester

A selector tester runs CSS or XPath queries against pasted HTML and shows which elements match — including tag names, attributes, and text content. It helps automation engineers validate locators before adding them to Selenium, Playwright, or Cypress tests.

Why use Selector Tester

Use it when writing automation scripts that use CSS or XPath locators and you want to confirm which elements a selector targets before running full test suites.

Features

  • Test CSS selectors against pasted HTML
  • Test XPath expressions against pasted HTML
  • See matched elements with tags, attributes, and text
  • Warnings for fragile selectors
  • Browser-native matching — no external libraries

How to use

  1. Paste HTML into the left editor.
  2. Enter a CSS selector or XPath in the selector bar.
  3. Click Test to run the selector.
  4. Review matched elements in the output panel.

FAQ

Does this support both CSS and XPath?

Yes. Switch between CSS and XPath mode using the toggle in the selector bar.

Can I use this for Playwright or Cypress locators?

Yes. Test your CSS selectors and XPath before using them in Playwright, Cypress, or Selenium scripts.

Does my HTML leave the browser?

No. Selector testing uses browser-native DOMParser and querySelectorAll. Nothing is uploaded.