Test Utilities

Importazione

import ReactTestUtils from 'react-dom/test-utils'; // ES6
var ReactTestUtils = require('react-dom/test-utils'); // ES5 con npm

Panoramica

ReactTestUtils rende semplice testare i componenti React all’interno del framework di test che preferisci. In Facebook usiamo Jest per scrivere test in JavaScript. Impara come utilizzare Jest tramite il sito ufficiale React Tutorial.

Nota:

Suggeriamo l’utilizzo di React Testing Library, che è una libreria concepita per abilitare e favorire la scrittura di test che simulano il reale utilizzo dei componenti.

Per le versioni di React <= 16, la libreria Enzyme semplifica le operazioni di verifica, manipolazione ed analisi dell’output dei tuoi componenti.

• act()
• mockComponent()
• isElement()
• isElementOfType()
• isDOMComponent()
• isCompositeComponent()
• isCompositeComponentWithType()
• findAllInRenderedTree()
• scryRenderedDOMComponentsWithClass()
• findRenderedDOMComponentWithClass()
• scryRenderedDOMComponentsWithTag()
• findRenderedDOMComponentWithTag()
• scryRenderedComponentsWithType()
• findRenderedComponentWithType()
• renderIntoDocument()
• Simulate

Riferimento

act()

Per preparare un componente per le verifiche, racchiudi il codice che lo renderizza e lo aggiorna all’interno di una chiamata act(). Questo permette di simulare un comportamento che si avvicina a quello reale di React.

Nota

Se utilizzi react-test-renderer, hai a disposizione un modulo act che funziona allo stesso modo.

Ad esempio, prendiamo in considerazione il seguente componente Counter:

class Counter extends React.Component {
  constructor(props) {
    super(props);
    this.state = {count: 0};
    this.handleClick = this.handleClick.bind(this);
  }