Render More Attributes (ng-*)

[mitsuhiko]

Current rendering:

div.well.ng-scope > div.ng-scope > div > button.btn.btn-lg.btn-primary

For angular and others it would be nice to include some attributes like ng-click and friends:

div.well.ng-scope > div.ng-scope > div > button.btn.btn-lg.btn-primary[ng-click="uploadFile()"]

Originally reported here: getsentry/sentry#3220

[mitsuhiko]

See also #577

[takahashi64]

Hi there. For complex UI, the click breadcrumbs don't have enough detail - can you not include the XPATH of the element that is clicked? Otherwise its sometimes not possible to work out which element was clicked.

[bradleypriest]

Running into this myself, we'd love to be able to add the ember component name, or input HTML name to the breadcrumb.

What about leaving the default and exposing a config somewhere?

These would all give us the power.

• Passing the event to the captureBreadcrumb funcation as an extra param.
• exposing this._lastCapturedEvent globally
• exposing htmlTreeAsString as an overwritable method/config

[adamreisnz]

I'd like to chime in here as well. Instead of adding Angular or Ember or whatever framework specific data, I would prefer a custom tag, e.g. data-sentry-id="Some text here" which would give us the most control over how to identify certain elements. The classnames currently don't give us any useful information, and we don't use ID's for elements. Adding ng- stuff won't help either because there's so much of it in the codebase.

[kamilogorek]

I'll close this one for now, as we're aware of this missing piece and we'll be revisiting how this thing is working in the next major version.

Ref: #783
Ref: #577