How to perform mouseover event on browser click path synthetic monitor.

[Mareeswaran]

Steps to follow to perform the mouseover event on browser click path synthetic monitor

1. Go to the relevant page on Chrome browser

2. Right click on the element which you want to interact with on the page-> Inspect the element which will open the developer tools

   

3. Right click on the element on the Web developer tools - > Copy - > Copy JS path

   

4. Paste the JS path on the below element value and add this JavaScript code into the JavaScript Event of your Browser click path monitor

   function triggerevent(element) 
   {
   var evt = document.createEvent("MouseEvent");
   evt.initMouseEvent("mouseover",true, true);
   element.dispatchEvent(evt);
   }
   
   var element = document.querySelector('button[id="testid"]'); //Replace with the element which you want to perform the mouseover action.
   triggerevent(element);
   

[ChadTurner]

@Mareeswaran Thank you for sharing this

[cleoleeps]

Thank you so much! This complete the puzzle that i had for synthetic monitoring!!