React Testing Library Recipies

README.md

React Testing Library Recipies with LOVE

Changelog:

• toHaveTextContent

toHaveTextContent.test.js

// References
// https://testing-library.com/docs/react-native-testing-library/example-intro/
// https://github.com/testing-library/dom-testing-library/issues/410#issuecomment-1025614942
// https://stackoverflow.com/a/65726104
// Match text in nested tags: <span>Text <a>even more text</a></span> matches: /Text even more text/

import * as React from 'react'
import '@testing-library/jest-dom/extend-expect';

test('examples of some things', async () => {

  const { container } = render(<Example />);

  // Using `toHaveTextContent` matcher from `@testing-library/jest-native` package.
  expect(container).toHaveTextContent(/Text stuff/)

  expect(screen.toJSON()).toMatchSnapshot()
})