Estoy trabajando en una extensión de Chrome donde tengo que recorrer una serie de botones para hacer clic.

Cada vez que se hace clic en un botón de conexión, aparece un modal en el DOM para solicitar una confirmación, y se debe hacer clic en un botón de envío antes de pasar al siguiente botón de la matriz.

El flujo general es:

1. Bucle a través de la matriz de botones
2. Haga clic en el botón de conexión
3. Espere a que aparezca el modal
4. Haga clic en el botón Enviar en modal
5. Pasar al siguiente botón de la matriz

Estoy usando mutationObserver() para esperar a que aparezca el modal antes de activar un evento de clic en el botón Enviar.

Sin embargo, solo funciona una vez para el primer elemento y el ciclo se detiene.

Aquí está mi código:

 async function connect(): Promise<void> { const connectBtn = document.querySelectorAll<HTMLElement>( ".connect" ); const observer = new MutationObserver((mutations) => { const send = document.querySelectorAll<HTMLElement>( ".send" )[0]; if (send.textContent === "Send") { send.click(); } }); for (const btn of connectBtn) { if (btn.textContent === "Connect") { btn.click(); observer.observe( document.querySelector("#modal") as HTMLElement, { childList: true, subtree: true, characterData: true, } ); } } observer.disconnect(); }