réact-test-bibliothèque: une partie de la sortie de DEBUG n'est pas visible

Question

J'utilise React Jest avec réact de la bibliothèque de test pour tester ma composante. Je suis confronté à une question étrange. Je suis un retour de débogage de l'USGN par rendu de tests-bibliothèque.

test('component should work', async () => {
  const { findByText, debug } = render(<MyComponent />);
  const myElement = await findByText(/someText/i);
  debug();

});

Comme vous pouvez le constater dans la capture d'écran, il y a un développement incomplet et des balises de fermeture pour les parents manquent.

Answer 1

Cela a fonctionné pour moi

const history = createMemoryHistory()
const { debug } = renderWithRedux(
    <Router history={history}>
        <SideBar />
    </Router>
, state);

screen.debug(debug(), 20000);

Answer 2

Le deuxième argument de la fonction debug() peut être utilisé pour définir maxLengthToPrint.

Par exemple. Pour imprimer tout en myElement à l'aide de Recommandé screen approche :

import {render, screen} from '@testing-library/react'

render(<MyComponent />);
const myElement = await screen.findByText(/someText/i);

const maxLengthToPrint = 100000
screen.debug(myElement, maxLengthToPrint);

Voir:

• API Docs pour debug() dans Rencontres
• Documents API pour screen.debug()