Comment interroger par chaîne de texte qui contient des balises html en utilisant React Testing Library?

Question

Solution de travail actuelle

En utilisant ce html:

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

Je peux utiliser la méthode React Testing LibrarygetByTestId pour trouver le textContent:

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

Y a-t-il une meilleure façon?

Je voudrais simplement utiliser ce html:

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

Et utilisez la méthode React Testing Library de getByText comme ceci:

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

Mais cela ne fonctionne pas.

Alors, la question…

Existe-t-il un moyen plus simple d'utiliser React Testing Library pour trouver des chaînes de contenu texte avec les balises rayées?

Answer 1

Pour la correspondance de sous-chaîne, vous pouvez utiliser exact:

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