[feature request]: show deeper diff when testing for specific items

[willi84]

Issue description or question

for more complex object-arrays its hard to see the failing property/difference

expect(result.logger.items).toContainEqual({
            message: `Flaky response on page 3, retrying... [0/3]`,
            type: 'WARN',
            time: expect.any(Number),
            telemetry: {
                nextTarget:
                    'https://gitlab.flaky2.com/api/v4/projects?per_page=3&page=3',
                nextPage: 3,
                retry: 0,
                maxRetry: 3,
            },
        });

• either in the popup I have a real chance to see the failing issue

• nor I can see it in the diff view

• for array with 1 layer it works

feature idea

make the diff check for 2-3 layers deeper could improve a lot the developer experience and speed when debugging

[willi84]

arghhh, ok I could build me a custom matcher, it seems like an issue from jest. I am not sure if wallaby can or want to bypass the debugging output.

[smcenlly]

for more complex object-arrays its hard to see the failing property/difference

We're limited by what we're provided by your testing framework. Some matchers provide us with an expected and actual values (for example, toEqual). The toContainEqual matcher does not provide this detail, so we're limited to processing the string output from jest.

either in the popup I have a real chance to see the failing issue

This is expected as the value is truncated after a point.

nor I can see it in the diff view

The error view will display the entire value that you need. You screenshot shows that you don't have Toggle word wrap in error messages enabled. Without word wrap enabled, you will need to scroll (horizontally) to see the entire message. If you enable word wrap, this should give you what you're looking for.

for array with 1 layer it works

I assume you've used a different matcher in this case that provides expected and actual values.