He estado tratando de desarrollar una forma de hacer clic en un área de texto de historias de Instagram, para que pueda abrir el cuadro de "reacciones rápidas" usando DevTools.

He estado practicando este enfoque en muchos sitios web usando solo querySelector para obtener el elemento y un "clic ()" después, pero no funciona en este caso.

Intenté seleccionar todos los padres del área de texto en la que quiero hacer clic, con la esperanza de que uno de ellos tenga una función de clic o algo así.

También intenté crear una función de simulación de clic usando dispatchEvent en el elemento, algo como esto:

 element.dispatchEvent(new MouseEvent(eventName, { view: window, bubbles: true, cancelable: true }));

Donde en algunos casos, "eventName" podría ser "mouseup", "mousedown", "click".

Intenté obtener las coordenadas del elemento usando getBoundingClientRect y lo usé en un dispatchEvent para simular otro clic y, mientras lo hacía, intenté calcular el centro del cuadro usando la información de posición.

Ninguno de estos enfoques funcionó, en este punto, solo tengo curiosidad sobre lo que está sucediendo aquí, he estado tratando de automatizar muchos sitios web solo por diversión, y mi objetivo aquí era automatizar un clic para abrir el cuadro de reacciones rápidas y hacer clic una reacción.

Gracias por cualquier respuesta de antemano, realmente me gustaría tener una mejor comprensión de esto.