Tengo un pequeño desafío al probar un sitio web. Solo quería ver si ustedes tienen alguna sugerencia sobre esto. La historia detrás de esto es que necesito enmascarar los campos de entrada para las capturas de pantalla cuando se ha ejecutado la prueba mientras compartimos los datos con otros equipos. Antes del script, estoy ejecutando JS con 'document***.type="password";', pero cuando el script comienza a escribir, el tipo de entrada vuelve a cambiar al tipo de texto. Además, la clase cambia de class="is-invalid" a class="is-focused is-invalid" cuando está activa. Además, podría, por supuesto, cambiar el tipo después de escribir el valor, pero incluso cuando hago clic en el siguiente campo, la clase cambia. Cuando he llenado el primer campo de entrada, verifica los datos con el servidor y, por supuesto, la clase cambia.
Tengo un campo de entrada cuando está inactivo:
<input ref="input" value="input field" id="id-for-unified-text-input--14fe" name="unified-text-input-14fe" type="text" autocomplete="off" spellcheck="false" placeholder="ABC123" class="is-invalid">Y el campo de entrada cuando está activo"
<input ref="input" value="input field" id="id-for-unified-text-input--14fe" name="unified-text-input-14fe" type="text" autocomplete="off" spellcheck="false" placeholder="ABC123" class="is-focused is-invalid">¿Alguna sugerencia de otros probadores, cómo podría solucionar esto? ¡Muchas gracias por adelantado!
Como es bastante evidente en el HTML, el campo <input> cada vez que recibe el foco_ is-focused agrega el nombre de la clase.
Esta adición de nombre de clase se controla en gran medida a través de los atributos, presumiblemente las css_properties de los elementos principales.
Como conclusión, sería difícil enmascarar los caracteres del campo de contraseña desde el lado del cliente y debe controlarse desde el lado del servidor de aplicaciones.