Reactテストライブラリを使用してHTMLタグを含むテキスト文字列でクエリする方法は？

Question

現在の作業ソリューション

このhtmlを使用：

<p data-testid="foo">Name: <strong>Bob</strong> <em>(special guest)</em></p>

React Testing LibrarygetByTestIdメソッドを使用してtextContentを見つけることができます。

expect(getByTestId('foo').textContent).toEqual('Name: Bob (special guest)')

もっと良い方法はありますか？

私は単にこのhtmlを使用したいと思います：

<p>Name: <strong>Bob</strong> <em>(special guest)</em></p>

そして、次のように React Testing Library のgetByTextメソッドを使用します。

expect(getByText('Name: Bob (special guest)')).toBeTruthy()

しかし、これは機能しません。

それで、質問…

React Testing Libraryを使用して、タグが取り除かれたテキストコンテンツの文字列を見つける簡単な方法はありますか？

Answer 1

部分文字列の照合には、exactを使用できます。

https://testing-library.com/docs/dom-testing-library/api-queries#textmatch