React Testing Library .toHaveTextContent exact match

Question

How do I make expect(stuff).toHaveTextContent(text) pass only when the text matches exactly?

.toHaveTextContent("1") counts as a match if the text I'm testing is "100"

user_15300127 · Answer

You can do the ff instead:

expect(stuff.textContent).toBe('100')

user_1521771 · Answer

Get the the text using innerHTML

const element = await waitFor(() => document.querySelector(''));

expect(element.innerHTML).toEqual('100')

user_850749 · Answer

Use getByText like so,

const { getByText } = render()

expect(getByText('text you\'re looking for')).beInTheDocument()

This assumes it will be there, so if there's a chance it won't be, use queryByText.

user_15698197 · Answer

Use a regex instead expect(stuff).toHaveTextContent(/^100$/); if you want to match exactly.