¿Cómo rellenar mediante programación los elementos de entrada creados con React?
Tengo la tarea de rastrear el sitio web creado con React. Estoy tratando de completar los campos de entrada y enviar el formulario usando inyecciones de JavaScript a la página (ya sea selenio o webview en dispositivos móviles). Esto funciona como un encanto en cualquier otro sitio + tecnología, pero React parece ser un verdadero dolor.
así que aquí hay un código de muestra
var email = document.getElementById( 'email' );
email.value = '[email protected]';
I el valor cambia en el elemento de entrada DOM, pero React no activa el evento de cambio.
He estado intentando muchas formas diferentes de hacer que React actualice el estado.
var event = new Event('change', { bubbles: true });
email.dispatchEvent( event );
Sin resultado
var event = new Event('input', { bubbles: true });
email.dispatchEvent( event );
no funciona
email.onChange( event );
no funciona
No puedo creer que interactuar con React se haya hecho tan difícil. Agradecería mucho cualquier ayuda.
Gracias