Clickpath monitor - Additional unexpected input done during any run

[SabineR]

Hello,

We have a strange issue with one Browser Clickpath Synthetic monitor, which is monitoring an Angular application.

When I manually record the actions, it's ok. All actions are done correctly: log in + search + display search result.

When the robot is running (via Play back clickpath or on demand), it fails: search result is wrong as an additional input is done.
Let's me explain:

We are searching a specific item.

The search is done with the ID, and we enter a number in a text field.
Systematically, when the robot is running, the last number entered in this text field is duplicated:
- we enter 15 --> item 155 is searched and displayed.
- we enter 16 --> 166
- we copy paste 15 --> 155 is searched again

- we enter 167 --> 1677

It's an Angular application, with XHR request.

Version of Angular: 14.
When I look on the detail of the result, I can see that the XHR request created by the search has in parameter 155 instead 15...

Manually, we never had the same issue.
Any idea?

Many thanks in advance for your answer,

Sabine

[HannahM]

Can you create a support ticket for this? I think this would be good to Dynatrace to check. Thanks

[SabineR]

ok, I will do it.

[Peter_Youssef]

Hi @SabineR 

• I'd appreciate checking the attached configurations if you have the application already monitored in Dynatrace and you're linking the synthetic monitor with that application.
• You have highlighted that application is built upon angular v 14, in Dynatrace if the app angular version is 17 + you don't need to customize the below settings.

As a conclusion:

• Changes made on the app level will be reflected and you will observe the changes after configuring these changes.

Tip:

• Remove the created synthetic and apply changes.
• Ensure the app is up and running without issues.
• Re-Configure the synthetic monitor, it should work without issues.

Dynatrace Documentation to configure angular: 

• configure-dynatrace-real-user-monitoring-to-capture-xhr-actions#angular-package-name 

Keep us posted with the latest updates.

KR, 

peter.

[SabineR]

Hi Peter_Youssef ,

Thank you for your help!

The application is not currently monitored, but I can do the same setup directly into the script.
So I did it:
I got the Angular package name and I put it in the Advanced setup of the script.
Unfortunately it failed:
- I run the script and I got the same issue
- I reopened the page "Advanced setup", and I saw the field "Angular package name" empty again: my update was not registered (?!)

I created a support ticket for my issue. It is currently on going.

Kind regards,

Sabine

[Peter_Youssef]

Thanks @SabineR for the update, hopefully you will get the required support.

Keep up the good work.

BR,

Peter

[SabineR · Accepted solution]

Issue resolved: it was a trusted status issue

Following script was added: https://community.dynatrace.com/t5/Troubleshooting/How-to-interact-with-trusted-events-in-a-Browser-...

[HannahM]

That's great. Thanks for adding the answer. That's really helpful.