How to pass a an argument to getByText in react Testing Library?

Question

Currently I'm doing this

getByText(/SomText/i);

But i want to make a function and pass some text as an argument. I tried doing it like this

let x = "/SomeText/i";
getByText(x);

or

getByText(`/${x}/i`);

But none of the options work.

Answer 1

If you have

const x = "Some string"

To test for x using regex,

getByText(new RegExp(x, "i"))

Answer 2

Perhaps you are looking for passing exact: false?

// Match a substring of Hello World
getByText(container, 'llo Worl', { exact: false }) // substring match

You can also pass your own matching custom function.

getByText(container, (content, element) => content.startsWith('Hello'))

https://testing-library.com/docs/dom-testing-library/cheatsheet#text-match-options