Soy un probador técnico y estoy tratando de crear un javascript que complete automáticamente un formulario con algunos datos para poder automatizar este proceso. El código es muy simple:

 document.getElementById("id1").value = 'test'; document.getElementById("id2").value = 'test'; ...

Pero en este formulario hay un código Angular que establece algunos campos obligatorios y, por lo que veo, usa la clase "form-control ng-untouched ng-pristine ng-invalid". El problema es que después de ejecutar mi javascript en la consola, establece el valor, pero cuando hago clic en el botón Enviar (que activa algo que escribirá los datos en la base de datos), me dice que esos campos son obligatorios como si no lo hiciera. llenar los campos y si por ejemplo agrego manualmente una letra en uno de los campos, toma este campo específico como "llenado" y funciona.

Por alguna razón, document.getElementById("id1").value = 'test' en realidad no establece el valor en el campo.

Espero que quede claro, no soy un experto en eso pero intento aprender y automatizar mis pruebas. ¿Hay algo que pueda hacer usando Javascript porque no tengo contacto con el desarrollador de Angular?

En este momento, lo que he intentado es editar la clase "form-control ng-untouched ng-pristine ng-invalid" a "form-control ng-untouched ng-pristine ng-valid". Elimina la cláusula obligatoria, pero es solo una cuestión de visualización porque sigue siendo el problema.

Gracias de antemano