Apply JS diff helper to simplify detailed comparison

[dberna2]

Hi @rieckpil,
I’m trying out this library and I really like it, but I’m having some difficulties viewing the detailed comparison. While checking the open PRs, I found this comment where you mentioned it as a planned feature.

Do you have any plans to implement it?
I’d be happy to contribute to this feature, as it could be very useful for identifying differences between contexts.

[rieckpil]

Hi @dberna2,

thanks for reaching out! Which version did you use locally?

The basic feature should be already present, see:

https://pragmatech.digital/content/profiler/report

But I'm happy for further adjustment of this current state, feel free contribute 😌

[dberna2]

I’m on the latest version (0.0.11), and I can confirm I see it as you mentioned.
What I was thinking of is something closer to how text comparators work, like textcompare.

In other words, sorting the properties first so the comparison is easier to follow, and then highlighting the differences.

From this:

To something like this:

Right now, it’s a bit harder to quickly spot the differences, so I usually rely on an external text comparator. It’s not a big issue, but I was curious if you had already considered this approach. If you decided against it, I’d love to understand the reasoning — maybe I’m missing something in the context.

[rieckpil]

got it, indeed that'd be super helpful.

Please go ahead and implement it (whenver you have time), the current solution was only a first working skeleton, so I'm happy for any usability improvement features.

the main README has some info on how to contribute, let me know if something is unclear/confusing.

[rieckpil]

This feature is now part since 0.0.12 (https://github.com/PragmaTech-GmbH/spring-test-profiler/releases/tag/v0.0.12)