estoy intentando testear un componente de mi app hecha en react-native con jest y enzyme, basicamente lo que busco testear es una validacion de un campo, el problema es que esa validacion se hace sobre una variable de React.useState, y por lo que estuve leyendo no es posible cambiar el valor de esa variable desde afuera. Como tendria que hacer para lograr testear esa funcion? Este es el componente que intento testear (reducido, solo deje el codigo pertinente):
export function RegisterScreen() {
const [email, setEmail] = React.useState('');
function validateEmail() {
var re = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()\.,;\s@\"]+\.{0,1})+[^<>()\.,;:\s@\"]{2,})$/;
return re.test(email);
}
return (
<View>
...
<TextWithIconComponent placeholder="Email" onChange={setEmail} />
...
</View>
);
}
Ese componente "TextWithIconComponent" es otro componente mio, basicamente es un TextImput con un icono a un lado, el cual al cambiar llama a setEmail. Lo que me gustaria hacer es lo siguiente:
describe('RegisterScreen', () => {
it('should not validate email', () => {
const component = mount(<RegisterScreen/>);
component.setEmail("un email invalido");
expect(component.validateEmail()).toBeFalsy();
});
});
Existe alguna forma de lograr esto? O como deberia hacer para poder testear esa funcion? Muchas gracias.