Summary
Sometimes a simple click is not sufficient, and a right-click is needed. This can be achieved through a JavaScript Event.
How to perform a right-click in a Browser Clickpath Synthetic Monitor
-
Go to the relevant page in a Chrome browser.
-
Right-click on the element you want to interact with on the page and select 'Inspect'. The element will then be shown in Developer Tools.
-
Right-click on the element in the Web Developer Tools -> Copy -> Copy JS path.
-
Paste the JS path in the value below the element.
function rightClick(element){ var evt = element.ownerDocument.createEvent('MouseEvents'); var RIGHT_CLICK_BUTTON_CODE = 2; // the same for FF and IE evt.initMouseEvent('click', true, true, element.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, RIGHT_CLICK_BUTTON_CODE, null); return !element.dispatchEvent(evt); } var element = document.querySelector('button[id="testid"]'); //Replace with the element which you want to right-click. rightClick(element); -
Add a new event to the monitor, where you need to right-click and paste in the updated snippet above.
What's Next
If the previous steps don't resolve the issue, open a chat and provide a link to the monitor, along with the troubleshooting steps you have already completed.
You can find further troubleshooting tips for Synthetic in the Synthetic Troubleshooting Map
