Tengo una extensión para Google Chrome donde intento activar un clic en un botón en la página, luego espero 2 segundos y luego imprimo un mensaje. Cuando se hace clic en el botón, se vuelve azul para mostrar que se ha seleccionado.

 let element = document.getElementsByClassName("Button Button--alt Button--custom move-action-btn roster-action-btn").item(0); element.addEventListener(("click"), function(){ console.log("clicked") }) element.click() sleep(2000) console.log("done")

Esperaría que esto haga clic en el botón (y veo que se vuelve azul), registre "clic", espere 2 segundos, luego registre "hecho". Sin embargo, registra "clic", espera 2 segundos, registra "hecho", luego el botón se vuelve azul y parece que se ha hecho clic, aparentemente inmediatamente después de que registra "hecho".

Si Javascript .click() es síncrono, ¿por qué parece que se hace clic en el botón después de ejecutar la función y por qué el resultado real del clic es después del detector de eventos?

La función de suspensión para aquellos que se preguntan:

 function sleep(milliseconds) { const date = Date.now(); let currentDate = null; do { currentDate = Date.now(); } while (currentDate - date < milliseconds); }