How to Perform a Right‑Click in a Dynatrace Browser Clickpath

HannahM · ‎02 Jan 2024

Summary

When creating Dynatrace Browser Clickpath Synthetic monitors, a standard left‑click isn’t always sufficient. Some web applications rely on context‑menu interactions that require a right‑click action.

This article explains how to perform a right‑click in a Browser Clickpath Synthetic monitor by using a JavaScript event, allowing you to reliably simulate advanced user interactions during Synthetic executions

Summary
How to Perform a Right‑Click Using a JavaScript Event
Step 1 – Identify the Element to Right‑Click
Step 2 – Copy the JavaScript Selector
Step 3 – Update the JavaScript snippet
Step 4 – Add a JavaScript Event to the Browser Clickpath
Frequently Asked Questions
Why doesn’t right‑click work in recorded Browser Clickpaths?
Is this supported in Dynatrace Synthetic Monitoring?
When should I use JavaScript events in Browser Clickpaths?
What's Next
Related reading

How to Perform a Right‑Click Using a JavaScript Event

Step 1 – Identify the Element to Right‑Click

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.

Step 2 – Copy the JavaScript Selector

Right-click on the element in the Web Developer Tools -> Copy -> Copy JS path.

Step 3 – Update the JavaScript snippet

Paste the JavaScript selector 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);

Step 4 – Add a JavaScript Event to the Browser Clickpath

Add a new event to the monitor, where you need to right-click and paste in the updated snippet above.

Frequently Asked Questions

Why doesn’t right‑click work in recorded Browser Clickpaths?

The Dynatrace Synthetic Recorder doesn’t always capture context‑menu interactions. Recorded click actions are simple left-click, so right‑click actions will fail during playback and must be replaced with JavaScript events.

Is this supported in Dynatrace Synthetic Monitoring?

Yes. Dynatrace Browser Clickpath Synthetic monitors support JavaScript events, which can be used to trigger advanced interactions such as right‑click actions when required.

When should I use JavaScript events in Browser Clickpaths?

JavaScript events should be used when standard click or keystroke actions are unreliable, especially for dynamic UI elements, custom context menus, or JavaScript‑heavy applications.

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.

How to perform a right-click in a Browser Clickpath Synthetic Monitor