Question

How do you search inside one part of the page, e.g. one table row?

const row = screen.getByRole("row", { name: /Ann/ });
within(row).getByRole("button", { name: "Delete" });

Accepted Answer

With within(element), which scopes queries to that element

Answer

With screen.getAllByRole("button")[3]

Answer

With row.querySelector("button")

How do you search inside one part of the page, e.g. one table row?

Explanation