How to find the clickable elements inside elements for a JavaScript Mouse Dispatch (A simulation of a click)

Simulating a click.md

tutorLocateClickableElement.mp4

Examples of simulating a mouse click in JavaScript

Simulate a click with JavaScript for the element in the above video.

    var clickEvent = document.createEvent("MouseEvents");
    clickEvent.initMouseEvent("click", true, true, window, 1, 0, 0, 0, 0,
        false, false, false, false, 0, null);

    var element = document.querySelectorAll('[aria-label="bot (text channel)"]')[0];
    element.dispatchEvent(clickEvent);

Example of simulating a mouse click in JavaScript for some other site

    var clickEvent = document.createEvent("MouseEvents");
    clickEvent.initMouseEvent("click", true, true, window, 1, 0, 0, 0, 0,
        false, false, false, false, 0, null);

    var element = document.getElementsByClassName("rounded-md")[1];
    element.dispatchEvent(clickEvent);