Sto provando alcuni test unitari, ho creato un sandbox con un esempio falso https://codesandbox.io/s/wizardly-hooks-32w6l (in realtà ho un modulo)
class App extends React.Component {
constructor(props) {
super(props);
this.state = { number: 0 };
}
handleSubmit = (number1, number2) => {
this.setState({ number: this.handleMultiply(number1, number2) })
}
handleMultiply = (number1, number2) => {
return number1 * number2
}
render() {
const { number } = this.state;
return (
<div className="App">
<form onSubmit={e => this.handleSubmit(3, 7)}>
<input type="submit" name="Submit" value="Multiply" />
</form>
<Table number={number} />
</div>
);
}
}
export default App;
Quindi la mia idea iniziale era di provare a testare la funzione moltiplica. E ha fatto questo, che ovviamente non funziona
import App from "../src/App";
test("Multiply", function() {
const expected = 21;
const result = App.handleMultiply(3, 7);
expect(result).toBe(expected);
});
ottengo
_App.default.handleMultiply non è una funzione
Il mio approccio è giusto? Se sì, come testare le funzioni? Altrimenti, dovrei testare dal punto di vista dell'utente anziché per le funzioni interne (questo è quello che ho letto)? Devo testare l'output sullo schermo (non credo sia ragionevole)?