byCssSelector

Locate elements using any valid CSS selector string.

Menu.tsx

<nav class="menu">
  <a class="item">Home</a>
  <a class="item active">About</a>
</nav>

const activeItem = byCssSelector('.menu .item.active');

It is also useful when composing drivers:

const parts = {
  label: { locator: byCssSelector('>label'), driver: HTMLElementDriver },
  helperText: { locator: byCssSelector('>p'), driver: HTMLElementDriver },
};