react-testing-library order of elements

order-of-elements.test.tsx

/**
To check the order of elements you can use the underlying dom testing lib to search in specific elements. The following example gets all table rows and checks then for specific text in each row.
**/

import { getByText as domGetByText } from "@testing-library/react"

describe("StockTable", () => {
  it("renders countries in correct order by country code", async () => {
    const { getAllByTestId } = render(<StockTable offers={offers} />)

    const tableRows = getAllByTestId("table-row")

    domGetByText(tableRows[0], /Denmark/)
    domGetByText(tableRows[1], /Spain/)
    domGetByText(tableRows[2], /France/)
  })
})
```